VS Code 动态导入 ES6 模块错误

Question

当作为函数来加载动态块时，vscode似乎不支持ES6的导入功能。

实际上，webpack 2 + babel支持导入功能。

正常的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"
    ]
}

- ericsicons

---

import表达式不是有效的ES6。 - Bergi

Answer 1

你可以在偏好设置中设置 "javascript.validate.enable": false 并使用另一种语法验证（例如https://github.com/flowtype/flow-for-vscode）。

- Den

Answer 2

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

- Rob Lourens

---

如果你通过babel-plugin-dynamic-import-webpack进行转译或者使用webpack 2.x，我认为使用import()语法是可以的。问题在于如何让VSCode不再将其识别为错误。 - Con Antonakos

Answer 3

动态导入现在已经被 TypeScript (v2.4.x) 和 VSCode 自 2017 年 6 月发布的版本 (v1.14.x) 支持。

- Varunkumar Nagarajan