Question

我正在尝试使用webpack 2进行代码拆分。

根据此文档：https://webpack.js.org/guides/code-splitting-require/

以下代码应将some.css包含在名为“something”

的新块中

require.ensure([], function(require) {
    require('some.css');
}, 'something');

但是当我运行它时，我收到了这个错误：

ERROR in ./src/index.ts
(4,9): error TS2339: Property 'ensure' does not exist on type 'NodeRequire'.

有关如何修复它的任何想法？感谢

Answer 1

我解决这个问题的方法是创建我自己的界面 - WebpackRequire - 使用NodeRequire ¹扩展ensure。

interface WebpackRequire extends NodeRequire {
  ensure(
    dependencies: string[],
    callback: (require: WebpackRequire) => void,
    errorCallback?: (error: Error) => void,
    chunkName?: string
  ): void;
};

如果您只有require.ensure的单个实例，则可以使用WebpackRequire将其强制转换为(require as WebpackRequire).ensure，但由于我多次使用require模块，我在模块的顶部范围创建了本地WebpackRequire，输入为const require: WebpackRequire = (window as any).require;，如下所示：

ensure

_{¹我从Webpack docs}获得了FormBorderStyle的类型

Answer 2

我需要一个javascript文档然后执行了require。不完全是最好的解决方案，但确实有效

类型'NodeRequire'上不存在属性'ensure'

2 个答案: