You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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格式文件。
解决方法
  1. 修正文件引入路径
    首先确认resources/js/vue/目录下的入口文件名,和引入语句完全匹配,建议主动添加.vue后缀:
    如果文件名为app.vue,将app.js中的引入语句修改为:
import App from './vue/app.vue'

同时你当前组件注册和根实例变量重名,建议同步修改组件注册代码:

const app = new Vue(
    {
        el: '#app',
        components: { App }
    }
);
  1. 安装缺失依赖
    运行如下命令安装vue2对应编译依赖(你当前代码为Vue2语法):
npm install vue@2 vue-loader@15 vue-template-compiler --save-dev
  1. 重新编译项目
    清空缓存后重新运行编译命令即可:
npm run dev

内容的提问来源于stack exchange,提问作者UcefDev

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.04 23:21:03