git命令和npm命令bug修复（二）

朴灿烈づ我的快乐病毒、 2022-10-30 05:25 196阅读 0赞

安装完ElementUI和按需加载的babel-plugin-component插件，新建了按需加载的.babelrc文件后，重启项目npm run serve报错：

ERROR  Error: Cannot find module 'babel-preset-es2015' from 'E:\\MiMall'  
Error: Cannot find module 'babel-preset-es2015' from 'E:\\MiMall'  
    at Function.resolveSync \[as sync\] (E:\\MiMall\\node\_modules\\resolve\\lib\\sync.js:90:15)  
    at resolveStandardizedName (E:\\MiMall\\node\_modules\\@babel\\core\\lib\\config\\files\\plugins.js:101:31)  
    at resolvePreset (E:\\MiMall\\node\_modules\\@babel\\core\\lib\\config\\files\\plugins.js:58:10)  
    at loadPreset (E:\\MiMall\\node\_modules\\@babel\\core\\lib\\config\\files\\plugins.js:77:20)  
    at createDescriptor (E:\\MiMall\\node\_modules\\@babel\\core\\lib\\config\\config-descriptors.js:154:9)  
    at E:\\MiMall\\node\_modules\\@babel\\core\\lib\\config\\config-descriptors.js:109:50  
    at Array.map (<anonymous>)  
    at createDescriptors (E:\\MiMall\\node\_modules\\@babel\\core\\lib\\config\\config-descriptors.js:109:29)  
    at createPresetDescriptors (E:\\MiMall\\node\_modules\\@babel\\core\\lib\\config\\config-descriptors.js:101:10)  
    at presets (E:\\MiMall\\node\_modules\\@babel\\core\\lib\\config\\config-descriptors.js:47:19)  
npm ERR! code ELIFECYCLE  
npm ERR! errno 1  
npm ERR! mimall@0.1.0 serve: \`vue-cli-service serve --mode=development\`  
npm ERR! Exit status 1  
npm ERR!  
npm ERR! Failed at the mimall@0.1.0 serve 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\\admin\\AppData\\Roaming\\npm-cache\\\_logs\\2021-02-17T15\_36\_02\_267Z-debug.log

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70][]

修复：这种错误是80端口被占用，解决方法：

一、（网上的解决方法）删除项目的node\_modules文件夹，然后在项目中执行npm install（重新安装依赖 ）

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70 1][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70 2][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70 3][]

安装完后，再npm run serve打开项目即可

二、（本人的解决方法）新建的文件.babelrc修改为. babelrc文件，没错，你没看错，就是**.和b之间多了一个空格**，才解决了问题

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70 4][]

我试了网上的解决方法，搞了一晚都没搞定，网上的方法不能解决我这个bug。仔细看，其他文件.和英文都没有空格的如.env，唯独. babelrc的**.和b之间多了一个空格**，问题才得以解决，否则一直报上面的错，打不开项目

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70 5][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70]: /images/20221024/bc57eea40f174c4993adce7a2f02fefc.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70 1]: /images/20221024/59ae8f738bfd4369bb70118a0553c99f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70 2]: /images/20221024/4ad323b4c9254332b9282ab12bb56a03.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70 3]: /images/20221024/e57e9c84492245198ed0e47a70f5a7d1.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70 4]: /images/20221024/8ead46995d70435bba39f1e4963e6e32.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzgwNDQ5Ng_size_16_color_FFFFFF_t_70 5]: /images/20221024/5bad672b03044830a3ee605c58be79ed.png