**###### 问题遇到的现象和发生背景 **
一个项目在一台电脑上已经运行成功,但在另一台电脑上,怎么调都调不通。(PS:node的包管理真是巨恶心!)
**###### 问题相关代码,请勿粘贴截图 **
babel.config.js这个文件写的是,删除了就不会报错,写了这些页面又会没有任何显示。
module.exports = {
'presets': [
'@vue/app'
],
'plugins': [
[
'component',
{
'libraryName': 'element-ui',
'styleLibraryName': 'theme-chalk'
}
]
]
}
###### 运行结果及报错内容
These dependencies were not found:
* core-js/modules/es.array.concat.js in C:/nodejs/node_global/node_modules/@vue/cli-plugin-babel/node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1
3-0!C:/nodejs/node_global/node_modules/@vue/cli-plugin-babel/node_modules/_babel-loader@8.2.3@babel-loader/lib!C:/nodejs/node_global/node_modules/@vue/cli-service
/node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!C:/nodejs/node_global/node_modules/@vue/cli-service/node_modules/_vue-loader@15.9.8@vue-loade
r/lib??vue-loader-options!./src/components/user/Users.vue?vue&type=script&lang=js&
* core-js/modules/es.error.cause.js in C:/nodejs/node_global/node_modules/@vue/cli-plugin-babel/node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13
-0!C:/nodejs/node_global/node_modules/@vue/cli-plugin-babel/node_modules/_babel-loader@8.2.3@babel-loader/lib!C:/nodejs/node_global/node_modules/@vue/cli-service/
node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!C:/nodejs/node_global/node_modules/@vue/cli-service/node_modules/_vue-loader@15.9.8@vue-loader
/lib??vue-loader-options!./src/components/user/Users.vue?vue&type=script&lang=js&
* core-js/modules/es.regexp.exec.js in C:/nodejs/node_global/node_modules/@vue/cli-plugin-babel/node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13
-0!C:/nodejs/node_global/node_modules/@vue/cli-plugin-babel/node_modules/_babel-loader@8.2.3@babel-loader/lib!C:/nodejs/node_global/node_modules/@vue/cli-service/
node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!C:/nodejs/node_global/node_modules/@vue/cli-service/node_modules/_vue-loader@15.9.8@vue-loader
/lib??vue-loader-options!./src/components/user/Users.vue?vue&type=script&lang=js&
* core-js/modules/es.regexp.test.js in C:/nodejs/node_global/node_modules/@vue/cli-plugin-babel/node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13
-0!C:/nodejs/node_global/node_modules/@vue/cli-plugin-babel/node_modules/_babel-loader@8.2.3@babel-loader/lib!C:/nodejs/node_global/node_modules/@vue/cli-service/
node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!C:/nodejs/node_global/node_modules/@vue/cli-service/node_modules/_vue-loader@15.9.8@vue-loader
/lib??vue-loader-options!./src/components/user/Users.vue?vue&type=script&lang=js&
* element-ui/lib/image in ./src/plugins/element.js
* element-ui/lib/theme-chalk/image.css in ./src/plugins/element.js
这个直接把node_modules文件夹直接删除,然后在终端运行npm install。npm会根据package.json文件帮你重新导入
执行一下以下的命令,重新安装一下@vue/cli-plugin-babel
npm install -D @vue/cli-plugin-babel
如果还是不行,再设置一下babel.config.js
module.exports = {
'presets': [
'@vue/cli-plugin-babel/preset'
],
'plugins': [
[
'component',
{
'libraryName': 'element-ui',
'styleLibraryName': 'theme-chalk'
}
]
]
}
你把你原来电脑上的包拷贝过去之后,顺便把node-modules的文件夹也给拷贝过去。再试一下,不要重新安装。
缺少core-js依赖包
将另一台电脑上的node包全部清空,包括C盘的,全部找出来删掉,然后再重新install依赖包。还不行就用管理员身份运行软件
清下缓存,删除node_modules重新导入一下包
有两种可能,一种是缺乏这些依赖包
另外一种就是core-js版本太高导致的,这里在babel.config.js文件里面加上presets: [ [ "@vue/app", { useBuiltIns: "entry" } ] ]就好了
module.exports = {
presets: [ [ "@vue/app", { useBuiltIns: "entry" } ] ],
plugins: [
[
"import",
{ libraryName: "ant-design-vue", libraryDirectory: "es", style: true }
]
]
}
你拷贝到另外一个项目是把node_modules也拷贝过去的麽, 一般遇到这种问题,解决方法
1、先把原有node_modules文件夹删除
2、再npm install或者cnpm install 重新下载,启动项目就可以了
最后找人解决了,解决的办法是:1.node.js版本太低,从8.12.0升级到了8.14.19;2.把项目资料中的package-lock.json这个文件夹删除了。3.删除项目中的modules文件夹,用cmd在项目文件夹下(或者终端)执行npm install。
一开始无论怎么执行npm install都不对,在执行了1、2两步以后才OK了!