Question

我正在使用Webpack 2在Angular 4中开展一个项目。

根据这一点：https://webpack.js.org/guides/code-splitting-async/#system-import-is-deprecated System.import在webpack2中已弃用，将在以后的版本中删除。

但是，在以下代码中：

if (filteredItems[0].jQuery == true)
{
    // Load jQuery and jQuery.Validate
    System.import(/* webpackChunkName: "jquery" */ '../../node_modules/jquery/dist/jquery.js');
    System.import(/* webpackChunkName: "jquery.validate" */ '../../node_modules/jquery-validation/dist/jquery.validate.js');
    System.import(/* webpackChunkName: "additional-methods" */ '../../node_modules/jquery-validation/dist/additional-methods.js');
 }

如果我尝试将System.import更改为import，则会在VS代码和构建时引发以下错误。

预期的声明或声明。

从我的package.json我看到我正在运行最新版本："webpack": "^2.4.1",

如何解决此问题？

Answer 1

import()尚未在TypeScript中实现。

https://github.com/Microsoft/TypeScript/issues/12364

TypeScript不会忽略它，而是将其转换为破坏代码的其他东西。因此，要使用import()，您可以使用将在打字稿转换过程之后执行的加载程序。

Webpack2中不推荐使用System.import，而是导入。但是，导入会引发错误

1 个答案: