Vue js：无法重新定义属性：$url答案

【问题标题】：Vue js: cannot redefine property: $urlVue js：无法重新定义属性：$url
【发布时间】：2016-04-04 15:00:14
【问题描述】：

我正在尝试使用 vue-resource 的 ajax 请求在 vuejs 中填充我的数据。

但是当我需要 vue-resource 在控制台中返回此消息时： 未捕获的类型错误：无法重新定义属性：$url

代码中出现错误：

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

【问题讨论】：

你确定你只需要一次 vue 资源吗？以及您还使用了哪些其他依赖项？
是的，这2行，出现这个错误，我使用的是vue 1.0.20和vue-resource 0.7.0

标签： vue.js vue-resource

【解决方案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，您的问题就会消失！

【讨论】：