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

提问于 2024-05-13T03:12:08+08:00

浏览次

2

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

但是当我要求控制台中的vue-resource返回此消息时： Uncaught TypeError: Cannot redefine property: $url

代码中出现错误：

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

1 回答

6
这是因为您正在调用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;

BE SURE 它不在您的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，你的问题就会消失！
回复于 2024-05-13T03:12:08+08:00

相关问题