vue.js - Vue js: プロパティを再定義できません: $url

Question

vue-resource による ajax リクエストを使用して、vuejs にデータを入力しようとしています。

しかし、vue-resource がコンソールに返されるように要求すると、次のメッセージが返されます: Uncaught TypeError: Cannot redefine property: $url

エラーはコードで発生します:

var Vue = require('vue');
Vue.use(require('vue-resource'));

Answer 1

vue-resource を 2 回呼び出しているために発生します。

あなたが Laravel + Vue + Vue Resource + Vueify + Browserify を使用していることを知っているので (申し訳ありませんが、彼の質問にコメントを追加するのに十分な評判がないので、別の方法で彼に尋ねました) コードが次のようになっていることを確認してください:

main.js

'use strict';

import Vue from 'vue';
import VueResource from 'vue-resource';
import TrainingsList from './components/trainings/List.vue';

Vue.use(VueResource);

new Vue({
  el: 'body',
});

main.js を介して VueResource をインポートしているとき:

「vue-resource」から VueResource をインポートします。

gulpfile.jsにないことを確認してください。次のコードは、Browserify で Vuejs をインポートし、gulp でコンパイルするための問題です。

mix.scripts([
  '/../../../node_modules/vue/vue.js',
  '/../../../node_modules/vue-resource/vue-resource.js',
], 'public/js/scripts.js');

mix.browserify('main.js');

gulpfile から vue と vue-resource を削除するだけで、問題は解決します!