最近升级webpack4时(旧版本是3.5.1),打包时报错,具体错误描述见下图,错误不一致的可以离开了…(手动微笑)
You may need an appropriate loader to handle this file type.
| export var AsyncComponent = function AsyncComponent(path) {
| return asyncComponent(function () {
| return import(’…/pages/’ + path);
| });
| };
从代码报错位置来看,代码中使用了动态import加载组件,大体的方向定位了,后面就好办了。
google一下得知,webpack4不支持import动态加载,建议使用babel-plugin-dynamic-import-webpack
来解决…
解决方法
1. 安装babel-plugin-dynamic-import-webpack
npm i babel-plugin-dynamic-import-webpack -D
2.修改 .babelrc 文件或者webpack配置文件,在plugins中添加如下配置
"plugins": [
"dynamic-import-webpack"
],
3.重新执行打包命令