对Vue项目进行开发环境打包时,执行 ‘npm run dev’,可以正常运行项目;但是当执行‘npm run build:prop’时,就报如下错误:
> vue-cli-service build
| Building for production...
ERROR Failed to compile with 1 error 下午4:44:06
This relative module was not found:
* ../mock in ./src/main.js
ERROR Build failed with errors.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! vue-admin-template@4.4.0 build:prod: `vue-cli-service build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the vue-admin-template@4.4.0 build:prod script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache\_logs\2022-08-04T08_44_07_093Z-debug.log
PS D:\前端学习(所有)\6. veu2+vue3\项目\hrsaas> npm run build:prod --report
开始我只盯着这两句错误,百度查了很多资料,试了很多方法,包括重新下载npm,卸载重新安装
vue-webpack-dev-server等,都没有成功;
npm ERR! Failed at the vue-admin-template@4.4.0 build:prod script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
然后我仔细查看了一些上面的报错,发现最上面的一条报错:
ERROR Failed to compile with 1 error
This relative module was not found:
* ../mock in ./src/main.js
这个错误说的是在main.js中,网上很多人说是文件引入路径不对,所以才会这样;
然后我把main.js中引入的路径都排查了一遍,发现有一句代码,引入了之前引入了一个mock,但是根本没有这个文件(我开始做项目的时候删除了,没有的文件)
if (process.env.NODE_ENV === 'production') {
const { mockXHR } = require('../mock')
mockXHR()
}
把这句代码注释就好了,成功解决问题!