vue项目运行router路由文件报component: () =>import (‘ ‘)错误是什么原因,下面编程教程网小编带大家了解一下解决方法。
1、安装脚手架
npm install babel-plugin-syntax-dynamic-import -D
2、找到build/webpack.base.conf.js文件中添加以下代码
module: {
rules: [{
test: /\.vue$/,
loader: 'vue-loader',
options: vueLoaderConfig
},
{
test: /\.js$/,
loader: 'babel-loader',
include: [resolve('src'), resolve('test'), resolve('node_modules/webpack-dev-server/client')],
//加入以下代码:
options: {
plugins: ['syntax-dynamic-import']
}
},
重启项目运行就可以了!
以上是编程学习网小编为您介绍的“vue项目运行router路由文件报component: () =>import (‘ ‘)错误(解决方法)”的全面内容,想了解更多关于 vuejs 内容,请继续关注编程基础学习网。
编程基础网
本文标题为:vue项目运行router路由文件报component: () =>import (‘ ‘)错误(解决方法)
基础教程推荐
猜你喜欢
- 基于jquery实现页面滚动到底自动加载数据的功能 2023-12-20
- 学习小实例--滚动条的简单实现 2022-11-16
- vue项目中videoPlayer 的 src 视频地址参数动态修改---方法 2023-10-08
- 微信小程序如何做列表渲染(示例介绍) 2024-12-13
- JS 设置Cookie 有效期 检测cookie 2024-01-12
- 利用HTML+CSS实现跟踪鼠标移动功能 2023-12-21
- 史上最强vue总结来了,这原因我服了 2023-10-08
- webpack高级配置与优化详解 2022-11-16
- BootStrap.css 在手机端滑动时右侧出现空白的原因及解决办法 2023-12-08
- input file上传 图片预览功能实例代码 2023-12-15
