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

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 (‘ ‘)错误(解决方法)

基础教程推荐