Vue-router 里 import 动态导入模块报错

青旅半醒 2021-08-30 11:46 1170阅读 0赞

router 里 import 报错

import Vue from 'vue'
    import Router from 'vue-router'
    
    Vue.use(Router)
    
    export default new Router({ 
      routes: [
        { 
          path: '/',
          name: 'layout',
          component: () => import('@/layout/Index')
        }
      ]
    })

如果没有安装`babel-plugin-syntax-dynamic-import`插件，并在`.babelrc`中引入此插件，那么就会报错。这是 webpack 动态导入模块的设置。

{
      "presets": [["es2015", { "modules": false }]],
      "plugins": [
        [
          "component",
          {
            "libraryName": "element-ui",
            "styleLibraryName": "theme-chalk"
          }
        ],
        "syntax-dynamic-import"
      ]
    }

公众号：Coder 杂谈，欢迎关注  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzQ1MjM3_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyMzQ1MjM3_size_16_color_FFFFFF_t_70]: /images/20210813/85781777067345139ea45246ae69b82d.png

发表评论取消回复

表情：

评论列表（有 0 条评论，1170人围观）

还没有评论，来说两句吧...

相关阅读

相关 pycharm导入自定义模块报错

入报错，需要把根目录(右键点击)设置为Source root ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_a...

Myth丶恋晨/ 2024年04月18日 10:37/ 0 赞/ 76 阅读

相关 pycharm from import导入模块报错解决

错误是这样的我在app.py中导入froms报错 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6

╰+攻爆jí腚メ/ 2023年06月16日 03:59/ 0 赞/ 22 阅读

相关 ES6 - import/export [如何动态导入模块] - 学习/实践

1.应用场景 <table> <tbody> <tr> <td>主要用于学习, 使用ES6的导入导出模块, 以及动态导入的用法.</td> </tr>

怼烎@/ 2023年01月09日 15:57/ 0 赞/ 538 阅读

相关 import numpy报错

在import numpy以及import tensorflow中报错如下 On entry to DGEBAL parameter number 3 had a

我会带着你远行/ 2022年12月19日 03:47/ 0 赞/ 221 阅读

相关将Opencv-python导入Pycharm（import cv2报错）

由于import cv2报错记录一下我在Pycharm上尝试多次的导入opencv-python库的失败经历；首先先要知道自己的opencv-python库下到哪去了

以你之姓@/ 2022年09月16日 05:52/ 0 赞/ 261 阅读

相关 import 和from... import的作用，导入模块or导入函数

import 与 from…import 在 python 用 import 或者 from...import 来导入相应的模块。将整个模块(so

浅浅的花香味﹌/ 2022年09月12日 09:00/ 0 赞/ 305 阅读

相关 IDEA 包报错（import 报错）

idea包报错 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG

ゝ一纸荒年。/ 2022年09月02日 00:47/ 0 赞/ 367 阅读

相关 python 动态导入 import()函数

在python 1.5中，引入了import()函数，实际我们在文件开头的import 语句就是调用了该函数，引入目的是帮助开发者实现动态导入的需求。首先创建一个atest

亦凉/ 2022年06月12日 14:26/ 0 赞/ 367 阅读

相关 import语句导入模块语法

[python][]中的import语句是用来导入模块的，在[python模块库][python 1]中有着大量的模块可供使用，要想使用这些文件需要用import语句把指定模块

古城微笑少年丶/ 2022年06月01日 14:15/ 0 赞/ 284 阅读

相关 Vue-router 里 import 动态导入模块报错

router 里 import 报错 import Vue from 'vue' import Router from 'vue-router'

青旅半醒/ 2021年08月30日 11:46/ 0 赞/ 1171 阅读