解决webpack4 import 动态导入组件打包报错
- 问题描述
- 分析原因：
- 解决方法
- 1. 安装babel-plugin-dynamic-import-webpack
- 2.修改 .babelrc 文件或者webpack配置文件，在plugins中添加如下配置
- 3.重新执行打包命令
问题描述
ERROR in ./src/index.js 1:18
Module parse failed: Unexpected token (1:18)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. S
ee https://webpack.js.org/concepts#loaders
import axios from axios
分析原因：
从代码报错位置来看，代码中使用了动态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”
],
