PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

webpack打包node时fs报错怎么办

藏色散人
藏色散人 原创
2022-12-29 15:08:01 2915浏览

webpack打包node时fs报错的解决办法:1、在webpack项目安装bable打包工具;2、查看打包失败的信息;3、直接卸载原始nodejs,重新下载稳定的node版本;4、使用prefetch提前缓存将要使用的js模块。

本教程操作环境:Windows10系统、node v10.16.0版、Dell G3电脑。

webpack打包node时fs报错怎么办?

webpack问题记录 解决Error: Cannot find module ‘node:fs/promises‘

项目场景:

在Webpack项目安装bable打包工具后打包失败,出现Error: Cannot find module 'node:fs/promises'

ERROR in ./src/index.js
Module build failed (from ./node_modules/babel-loader/lib/index.js):Error: Cannot find module 'node:fs/promises'

解决方案:

试了网上很多方案,说cnpm的版本不对的等等,但都没什么效果。
最后解决:直接卸载原始Nodejs,下载最新的稳定 Node 版本,就可以解决。

7fba8421ed4caa50d1584ebf16eca47.jpg

3da13716a9cd792dbc8040ba8c978dd.jpg

[webpack-cli] Error: Conflict: Multiple chunks emit assets to the same filename main.js (chunks main and vendors-node_modules_core-js_modules_es6_function_bind_js-node_modules_core-js_modules_es6_ob-dc6264)

冲突:多个chunks 将资产发送到相同的文件名main.js
将输出的filename改为按名字自动修改。

output: {
    path: path.join(__dirname, '../dist'),
    filename: '[name].js'},

使用prefetch提前缓存将要使用的js模块。
ec4a279058b8dd5c857f614a2478780.jpg

显示prefetch catch。
c4546f39b21413b42946697b6c73d56.jpg推荐学习:《node.js视频教程

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。