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

1662 ℃

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

帝国CMS提示登录超时解决办法
如何利用JavaScript开发网页banner切换(代码示例)
php判断数组中出现的重复数
vue项目如何做路由监听(防止页面跳转不刷新)
css如何去掉 type="number" 末尾的箭头