错误提示

BREAKING CHANGE: webpack < 5 used to include polyfills for node.js core modules by default.
This is no longer the case. Verify if you need this module and configure a polyfill for it.If you want to include a polyfill, you need to:- add a fallback 'resolve.fallback: { "crypto": require.resolve("crypto-browserify") }'- install 'crypto-browserify'
If you don't want to include a polyfill, you can use an empty module like this:resolve.fallback: { "crypto": false }

原因

使用webpack5的原因

v5 与 v4

v4以前附带了许多node.js核心模块的polyfill，在构建时给 bundle附加了庞大的polyfills，在大部分情况下，polyfills并不是必须。

现在v5将要停止这一切，在模块的应用中不再自动引入Polyfills，明显的减小了打包体积。

v4

在v4中，crypto模块会主动添加 polyfill，也就是crypto-browserify，我们运行的代码是不需要的，反而会使最后的包变大，影响编译速度

v5

在v5编译中，会出现polyfill添加提示，如果不需要node polyfille,按照提示 alias 设置为 false 即可

解决方法

1、安装

npm install crypto-browserify

2、配置`package.json`，新增以下配置项(其中`browser`与`dependencies`等配置项同级别)

 "browser": {"crypto": false},

配置后

{// ..."browser": {"crypto": false},"dependencies": {"crypto-browserify": "^3.12.0",// ...}
}
``

3、在`webpack.config.js`中增加配置项

// webpack.config.jsresolve: {// 1.不需要node polyfilssalias: {crypto: false},},

参考文章

vue中webpack5版本报错If you want to include a polyfill you need , If you don‘t want to include a polyfill相关推荐

(vue中使用v-for报错)You are binding v-model directly to a v-for iteration alias.
(vue中使用v-for报错)You are binding v-model directly to a v-for iteration alias. 分析: 这个错误是由于在使用v-for循环做一些 ...
Echart 5.0+版本报错Error in data(): “TypeError: Cannot read properties of undefined (reading ‘graphic‘)“
首先第一步需要检查echarts的导入方式,在5.0以后的版本,echarts做了比较大的调整,在vue中引入时必须使用如下命令 // import echarts from 'echarts' 这种 ...
python调用js文件报错_python - selenium 运行网页中js脚本报错,提示未定义
问题问题1 selenium 运行网易中js脚本报错提示未定义报错提示如下: driver.execute_script("javascript:amsInit(62800,30315 ...
MyBatisPlus升级3.4.3.1版本报错：MybatisConfiguration$StrictMap$Ambiguity cannot be cast to ResultMap
问题描述 SpringBoot 版本:2.5.2 项目原本的 MyBatisPlus 版本为:3.4.0,项目可以正常启动运行,但是在将 MyBatisPlus 的版本升级至 3.4.3.1之后,项目 ...
vue项目查看脚手架版本报错
报错原因: windows下运行*.ps1脚本(powershell的脚本)的时候,需要设置执行权限 set-executionpolicy remotesigned 解决方法: 1.在电脑搜索栏搜索 ...
vue打包时semver.js版本报错
如图,报错semver.js版本不正确,解决思路是在node_modules/semver.js内,忽略版本检查 ''' // if ANY of the sets match ALL of its ...
vue中引入jquery报错问题
vue-cli搭建的vue项目中使用到jquery插件,需要引入jquery, 在无任何配置的情况下,直接在组件中import引入,在mounted时候打印$ 会显示undefined报错问题, 感觉 ...
vue中集成jsplumb报错`Cannot read property ‘parentNode‘ of null`，且无法渲染连线的问题
简介我在项目中使用了typescript+vue+jsplumb作为流程图框架. 问题我在容器中使用的是v-for指令渲染. 从配置文件中读取流程图的json并且存入this.items变量中通 ...
OpenWRT中运行脚本报错
报错详情如下 root@OpenWrt:~# /root/connect_net.sh -ash: /root/connect_net.sh: not found 在运行一个脚本时,出现如上错误,脚本 ...

vue中webpack5版本报错If you want to include a polyfill you need , If you don‘t want to include a polyfill

错误提示

原因

v5 与 v4

v4

v5

解决方法

1、安装

2、配置`package.json`，新增以下配置项(其中`browser`与`dependencies`等配置项同级别)

3、在`webpack.config.js`中增加配置项

vue中webpack5版本报错If you want to include a polyfill you need , If you don‘t want to include a polyfill相关推荐

最新文章

热门文章

vue中webpack5版本报错If you want to include a polyfill you need , If you don‘t want to include a polyfill

错误提示

原因

v5 与 v4

v4

v5

解决方法

1、安装

2、配置package.json，新增以下配置项(其中browser与dependencies等配置项同级别)

3、在webpack.config.js中增加配置项

vue中webpack5版本报错If you want to include a polyfill you need , If you don‘t want to include a polyfill相关推荐

最新文章

热门文章

2、配置`package.json`，新增以下配置项(其中`browser`与`dependencies`等配置项同级别)

3、在`webpack.config.js`中增加配置项