vscode动态es6模块导入错误答案

【问题标题】：vscode dynamic es6 module import errorvscode动态es6模块导入错误
【发布时间】：2017-09-04 13:59:40
【问题描述】：

当用作加载动态卡盘的函数时，vscode 似乎不支持 es6 导入。

webpack 2 + babel 实际上支持 import。

正常的 es6 导入或使用异步函数时没有问题。

在我集成 babel-eslint 之前，Eslint 也一直在报告错误。

我使用的是 vscode 1.9.1 版

我尝试使用 jsconfig.json 但它没有改变任何东西

{
    // See http://go.microsoft.com/fwlink/?LinkId=759670
    // for the documentation about the jsconfig.json format
    "compilerOptions": {
        "target": "es2017"
    },
    "exclude": [
        "node_modules",
        "bower_components",
        "jspm_packages",
        "tmp",
        "temp"
    ]
}

【问题讨论】：

import 表达式不是有效的 ES6。

标签： javascript ecmascript-6 visual-studio-code

【解决方案1】：

我不认为动态导入是 ES6 的一部分，TypeScript 还不支持它们（驱动 JS 语言服务），所以我认为你必须使用 require。

【讨论】：

我认为如果您通过babel-plugin-dynamic-import-webpack 进行转译或者您使用的是webpack 2.x，则可以使用import() 语法。问题是让 VSCode 停止将其识别为错误。

【解决方案2】：

您可以在首选项中设置"javascript.validate.enable": false 并使用其他语法验证（例如https://github.com/flowtype/flow-for-vscode）。

【讨论】：

【解决方案3】：

自 2017 年 6 月版 (v1.14.x) 以来，TypeScript (v2.4.x) 和 VSCode 现在支持动态导入。

【讨论】：