vue项目运行router路由文件报component: () =>import (‘ ‘)错误(解决方法)

1736 ℃

vue项目运行router路由文件报component: () =>import (‘ ‘)错误是什么原因,下面web建站小编带大家了解一下解决方法。

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和$route有什么不同?附示例代码

el-dialog中获取el-table组件的ref值报undefined错误!

react有哪些脚手架需要安装(依赖命令)

react安装成功运行项目报错怎么办

vue项目因为空格报错怎么解决

标签: component, import, router, 报错

上面是“vue项目运行router路由文件报component: () =>import (‘ ‘)错误(解决方法)”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2836.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

生活小工具

收录了万年历、老黄历、八字智能排盘等100+款小工具!生活小工具
es6语法之Map属性介绍
帝国CMS系统提示页如何修改地点
解决DEDE图集上传图片时跳出302错误
详解如何把dedecms数据生成json
推荐一款阳历、阴历、道历和佛历工具库——Lunar