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！

我知道你正在使用 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，您的问题就会消失！