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

青旅半醒 2021-08-30 11:46 1191阅读 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 条评论，1191人围观）

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

相关阅读

相关模块导入问题：如何解决Python中import语句的报错？

在Python中，当你遇到`import`语句的错误时，这通常是因为以下几种情况： 1. **模块不存在**：如果你尝试导入一个不存在的模块，如 `my_module` 而这

心已赠人/ 2024年12月31日 12:54/ 0 赞/ 27 阅读

相关模块导入：Python里使用import语句时的一些误解？

在Python中，`import`语句用于引入并使用其他模块或包中的功能。以下是关于`import`语句的一些常见误解： 1. **每个模块都要显式导入**：实际上，

矫情吗；*/ 2024年12月30日 12:45/ 0 赞/ 30 阅读

相关 Python模块导入失败：'import module_name'报错

在Python中，如果遇到`import module_name`报错，可能是以下几个原因： 1. **模块名拼写错误**：确保你输入的模块名称是正确的。例如，如果应导入的是

淩亂°似流年/ 2024年12月26日 06:48/ 0 赞/ 27 阅读

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

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

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

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

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

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

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

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

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

相关 IDEA 包报错（import 报错）

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

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

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

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

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

相关 import语句导入模块语法

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

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

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

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

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