在Vue3component: () => import(`@/components${item.component}.vue`), 动态导入组件报错,怎么解决
时间: 2024-03-27 18:37:12 浏览: 47
vue-router 按需加载 component: () => import() 报错的解决
5星 · 资源好评率100%
如果在使用Vue3中动态导入组件时出现错误,可能是因为Webpack版本不兼容导致的问题。
可以尝试升级Webpack版本或者使用@vue/cli-plugin-webpack4插件解决该问题。具体操作如下:
1. 安装@vue/cli-plugin-webpack4插件
```
npm install -D @vue/cli-plugin-webpack4
```
2. 在vue.config.js中配置插件
```
module.exports = {
configureWebpack: {
plugins: [
require('@vue/cli-plugin-webpack4')
]
}
}
```
3. 在组件中使用动态导入
```
component: () => import(`@/components/${item.component}.vue`)
```
通过以上操作,应该就能够解决在Vue3中动态导入组件报错的问题了。
阅读全文