Question

我试图在laravel应用程序中使用Vue.js，但运行Duplicate declaration "app"时却不断遇到npm run dev错误

我尝试运行npm install --require-dev并手动安装babel-loader软件包

我的app.js如下

require('./bootstrap');
import Vue from 'vue';

Vue.component('chat-messages', require('./components/ChatMessages.vue'));
Vue.component('chat-form', require('./components/ChatForm.vue'));

const app = new Vue({
    el: '#app',
});

运行npm run dev时收到的错误是

ERROR in ./resources/js/app.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):
TypeError: D:\Projects\LiveChat\resources\js\app.js: Duplicate declaration 
"app"
  68 |  */
  69 |
> 70 | const app = new Vue({
     |       ^
  71 |     el: '#app'
  72 | });

Answer 1

它可能在您的组件文件或引导程序中。

您可以将所有内容一起删除

new Vue({
    el: '#app',
});

Answer 2

通过删除app.js文件底部的默认vue相关代码修复了该问题

Laravel编译资产时出现重复声明错误

2 个答案: