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

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

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

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

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

引用的时候的语法是：

import @/components/componentA

Answer 1

可以尝试重新下载node_modules

Answer 2

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

Answer 3

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