Laravel整合Vue.js运行报Can't resolve './vue/App'模块未找到错误求助
错误产生原因
- 文件名大小写不匹配:类Unix系统(Mac/Linux)下webpack对文件名大小写敏感,你代码中引入的是
./vue/App,如果实际存储的文件名为小写app.vue就会触发该报错。 - 路径或后缀缺失:Vue入口文件没有存放在
resources/js/vue/目录下,或者引入时没有主动加.vue后缀,导致webpack无法识别解析。 - 相关依赖未安装:项目缺少vue核心库、vue-loader等编译依赖,无法正常解析.vue格式文件。
解决方法
- 修正文件引入路径
首先确认resources/js/vue/目录下的入口文件名,和引入语句完全匹配,建议主动添加.vue后缀:
如果文件名为app.vue,将app.js中的引入语句修改为:
import App from './vue/app.vue'
同时你当前组件注册和根实例变量重名,建议同步修改组件注册代码:
const app = new Vue( { el: '#app', components: { App } } );
- 安装缺失依赖
运行如下命令安装vue2对应编译依赖(你当前代码为Vue2语法):
npm install vue@2 vue-loader@15 vue-template-compiler --save-dev
- 重新编译项目
清空缓存后重新运行编译命令即可:
npm run dev
内容的提问来源于stack exchange,提问作者UcefDev
相关产品推荐
相关产品推荐

