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

1685 ℃

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,我们会在看到邮件的第一时间内为您处理!

Trae:新一代免费的AI编程工具
js如何实现置顶功能(附代码)
新站如何快速获得关键词排名?
帝国CMS7.0新增栏目访问统计及分析功能,让管理
MySQL数据库恢复主要有以下几种方式
vue中的render函数的代码示例