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

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://ipkd.cn/webs_2836.html