Module build failed (from ./node_modules/babel-loader/lib/index.js):
<div class="cnblogs_code"><pre> ERRORFailed to compile with 1 errors friendly-errors 09:48:15<span style="color: rgba(0, 0, 0, 1)">
ERRORin .</span>/.nuxt/client.js friendly-errors 09:48:15<span style="color: rgba(0, 0, 0, 1)">
Module build failed (from .</span>/node_modules/babel-loader/lib/index.js): friendly-errors 09:48:15<span style="color: rgba(0, 0, 0, 1)">
Error: D:\project\myself\front_parent\vs2020\vue</span>-front-1010\vue-front-1010\.nuxt\client.js: Cannot find module '@babel/compat-data/corejs3-shipped-proposals'<span style="color: rgba(0, 0, 0, 1)">
Require stack:
</span>- D:\project\myself\front_parent\vs2020\vue-front-1010\vue-front-1010\node_modules\@babel\preset-env\lib\polyfills\corejs3\usage-<span style="color: rgba(0, 0, 0, 1)">plugin.js
</span>- D:\project\myself\front_parent\vs2020\vue-front-1010\vue-front-1010\node_modules\@babel\preset-<span style="color: rgba(0, 0, 0, 1)">env\lib\index.js
</span>- D:\project\myself\front_parent\vs2020\vue-front-1010\vue-front-1010\node_modules\@nuxt\babel-preset-<span style="color: rgba(0, 0, 0, 1)">app\src\index.js
</span>- D:\project\myself\front_parent\vs2020\vue-front-1010\vue-front-1010<span style="color: rgba(0, 0, 0, 1)">\node_modules\@babel\core\lib\config\files\plugins.js
</span>- D:\project\myself\front_parent\vs2020\vue-front-1010\vue-front-1010<span style="color: rgba(0, 0, 0, 1)">\node_modules\@babel\core\lib\config\files\index.js
</span>- D:\project\myself\front_parent\vs2020\vue-front-1010\vue-front-1010<span style="color: rgba(0, 0, 0, 1)">\node_modules\@babel\core\lib\index.js
</span>- D:\project\myself\front_parent\vs2020\vue-front-1010\vue-front-1010\node_modules\babel-<span style="color: rgba(0, 0, 0, 1)">loader\lib\index.js
</span>- D:\project\myself\front_parent\vs2020\vue-front-1010\vue-front-1010\node_modules\loader-<span style="color: rgba(0, 0, 0, 1)">runner\lib\loadLoader.js
</span>- D:\project\myself\front_parent\vs2020\vue-front-1010\vue-front-1010\node_modules\loader-<span style="color: rgba(0, 0, 0, 1)">runner\lib\LoaderRunner.js
</span>- D:\project\myself\front_parent\vs2020\vue-front-1010\vue-front-1010<span style="color: rgba(0, 0, 0, 1)">\node_modules\webpack\lib\NormalModule.js
</span>- D:\project\myself\front_parent\vs2020\vue-front-1010\vue-front-1010<span style="color: rgba(0, 0, 0, 1)">\node_modules\webpack\lib\NormalModuleFactory.js
</span>- D:\project\myself\front_parent\vs2020\vue-front-1010\vue-front-1010<span style="color: rgba(0, 0, 0, 1)">\node_modules\webpack\lib\Compiler.js
</span>- D:\project\myself\front_parent\vs2020\vue-front-1010\vue-front-1010<span style="color: rgba(0, 0, 0, 1)">\node_modules\webpack\lib\webpack.js
</span>- D:\project\myself\front_parent\vs2020\vue-front-1010\vue-front-1010<span style="color: rgba(0, 0, 0, 1)">\node_modules\@nuxt\webpack\dist\webpack.js
</span>- D:\project\myself\front_parent\vs2020\vue-front-1010\vue-front-1010\node_modules\@nuxt\cli\dist\cli-<span style="color: rgba(0, 0, 0, 1)">command.js
</span>- D:\project\myself\front_parent\vs2020\vue-front-1010\vue-front-1010\node_modules\nuxt\bin\nuxt.js (While processing: "D:\\project\\myself\\front_parent\\vs2020\\vue-front-1010\\vue-front-1010\\node_modules\\@nuxt\\babel-preset-app\\src\\index.js"<span style="color: rgba(0, 0, 0, 1)">)
at Function.Module._resolveFilename (internal</span>/modules/cjs/loader.js:966:15<span style="color: rgba(0, 0, 0, 1)">)
at Function.Module._load (internal</span>/modules/cjs/loader.js:842:27<span style="color: rgba(0, 0, 0, 1)">)
at Module.require (internal</span>/modules/cjs/loader.js:1026:19<span style="color: rgba(0, 0, 0, 1)">)
at require (internal</span>/modules/cjs/helpers.js:72:18<span style="color: rgba(0, 0, 0, 1)">)
at Object.</span><anonymous> (D:\project\myself\front_parent\vs2020\vue-front-1010\vue-front-1010\node_modules\@babel\preset-env\lib\polyfills\corejs3\usage-plugin.js:10:55<span style="color: rgba(0, 0, 0, 1)">)
at Module._compile (internal</span>/modules/cjs/loader.js:1138:30<span style="color: rgba(0, 0, 0, 1)">)
at Object.Module._extensions..js (internal</span>/modules/cjs/loader.js:1158:10<span style="color: rgba(0, 0, 0, 1)">)
at Module.load (internal</span>/modules/cjs/loader.js:986:32<span style="color: rgba(0, 0, 0, 1)">)
at Function.Module._load (internal</span>/modules/cjs/loader.js:879:14<span style="color: rgba(0, 0, 0, 1)">)
at Module.require (internal</span>/modules/cjs/loader.js:1026:19<span style="color: rgba(0, 0, 0, 1)">)
at require (internal</span>/modules/cjs/helpers.js:72:18<span style="color: rgba(0, 0, 0, 1)">)
at Object.</span><anonymous> (D:\project\myself\front_parent\vs2020\vue-front-1010\vue-front-1010\node_modules\@babel\preset-env\lib\index.js:29:44<span style="color: rgba(0, 0, 0, 1)">)
at Object.Module._extensions..js (internal</span>/modules/cjs/loader.js:1158:10<span style="color: rgba(0, 0, 0, 1)">)
at Module.load (internal</span>/modules/cjs/loader.js:986:32<span style="color: rgba(0, 0, 0, 1)">)
at Function.Module._load (internal</span>/modules/cjs/loader.js:879:14<span style="color: rgba(0, 0, 0, 1)">)
friendly</span>-errors 09:48:15<span style="color: rgba(0, 0, 0, 1)">
@ multi eventsource</span>-polyfill webpack-hot-middleware/client?reload=<span style="color: rgba(0, 0, 255, 1)">true</span>&timeout=30000&ansiColors=&overlayStyles=&name=client&path=/__webpack_hmr/client ./.nuxt/<span style="color: rgba(0, 0, 0, 1)">client.js
</span></pre>
</div>
<p>在vue项目启动时,出现如上所示的错误,解决方法,在集成终端执行如下代码:</p>
<div class="cnblogs_code">
<pre>npm install @babel/core @babel/preset-env</pre>
</div>
<p><img src="https://img2020.cnblogs.com/blog/2008545/202010/2008545-20201010095941608-506303622.png"></p>
<p> </p>
<p> </p>
<p> 出现如上所示结果,按照提示,输入命令:npm audit fix</p>
<div class="cnblogs_code">
<pre>npm audit fix</pre>
</div>
<p>然后再输入:npm run dev即可。</p><br><br>
来源:https://www.cnblogs.com/liqinzhen/p/13790429.html
頁:
[1]