vue 项目 npm run build 后报错 Module not found

Question

ERROR in ./node_modules/_babel-loader@7.1.4@babel-loader/lib!./node_modules/_vux-loader@1.2.9@vux-loader/src/script-loader.js!./node_modules/_vue-loader@13.7.2@vue-loader/lib/selector.js?type=script&index=0!./src/views/Live.vue
Module not found: Error: Can't resolve '@/components/ErrorPage' in '/home/project/src/views'
 @ ./node_modules/_babel-loader@7.1.4@babel-loader/lib!./node_modules/_vux-loader@1.2.9@vux-loader/src/script-loader.js!./node_modules/_vue-loader@13.7.2@vue-loader/lib/selector.js?type=script&index=0!./src/views/Live.vue 14:0-47
 @ ./src/views/Live.vue
 @ ./src/router/index.js
 @ ./src/main.js

ERROR in ./node_modules/_babel-loader@7.1.4@babel-loader/lib!./node_modules/_vux-loader@1.2.9@vux-loader/src/script-loader.js!./node_modules/_vue-loader@13.7.2@vue-loader/lib/selector.js?type=script&index=0!./src/views/Interaction.vue
Module not found: Error: Can't resolve '@/components/XAvatar' in '/home/project/src/views'
 @ ./node_modules/_babel-loader@7.1.4@babel-loader/lib!./node_modules/_vux-loader@1.2.9@vux-loader/src/script-loader.js!./node_modules/_vue-loader@13.7.2@vue-loader/lib/selector.js?type=script&index=0!./src/views/Interaction.vue 15:0-43
 @ ./src/views/Interaction.vue
 @ ./src/router/index.js
 @ ./src/main.js

（...同样的错误还有十几条）

在本地测试环境 npm run build 都正常, 但是一旦放到服务器上执行 npm run build 每个模块都会报错，是服务器上什么配置问题么？

另外提一个点
我的每个组件都是以这样的形式编写的

├── components                                      
│   ├── componentA
│   │   ├── Index.vue

引用的时候的语法是：

import @/components/componentA

Answer 1

这个问题刚才我也找到解决办法了。 是因为我引用组件的时候省略了Index.vue，（目录结构刚补充到问题里了）本地会自动识别，但是服务器上build就会报错。

Answer 2

可以尝试重新下载node_modules

Answer 3

查看缺少什么module,如果是npm上的,看看package.json里面有没有这个包,没有的话npm install 一下这个包,自还有一种情况自己文件缺失

Answer 4

这个一般是环境迁移导致的，一个一个把缺失的安装回来的。

另外，服务端执行build这个操作没见过，都是开发环境build，部署的是dist目录下的文件