4

涉及软件：

  • 网络包 4.8.3
  • 打字稿 2.8.3
  • ts-loader 4.3.0

网络包配置：

rules: [
    {
        test: /\.ts(x?)$/,
        exclude: /node_modules/,
        use: ['ng-annotate-loader', 'ts-loader']
    },
    ...
]

这可以在单个构建（webpack --mode development）上很好地编译我的项目。

但是，在监视模式下构建时它开始产生错误：

$ webpack --progress --watch --mode development
Webpack is watching the files…

Hash: e8f3fc158b2b6feaad07                                                                  
Version: webpack 4.8.3
Time: 75713ms
Built at: 05/15/2018 3:25:27 PM
          Asset       Size      Chunks             Chunk Names
          ...

（构建很好。现在我更改了一个文件，它会重新构建：）

[./ts/foo/foo.ts] 3.82 KiB {foo} [built] [1 error]
[./ts/foo/controllers/bar.ts] 3.8 KiB {baz} {foo} [built]
[./ts/foo/baz.ts] 4.21 KiB {baz} [built] [1 error]
    + 668 hidden modules

ERROR in .../ts/foo/foo.ts
./ts/foo/foo.ts
[tsl] ERROR in .../ts/foo/foo.ts(84,9)
      TS2554: Expected 0 arguments, but got 1.

ERROR in .../ts/foo/baz.ts
./ts/foo/baz.ts
[tsl] ERROR in .../ts/foo/baz.ts(105,9)
      TS2554: Expected 0 arguments, but got 1.

它所指的行都是包含console.log调用的行，例如：

console.log(`Using locale ${locale}`);

同样，如果我中止手表并从头开始构建，它就可以正常工作。这里有什么问题？

为了测试我已经删除了ng-annotate-loader；没变。
这在将构建工具链从 Webpack 3 升级到 4 并从 2.3.x 升级到 Typescript 之后开始发生。在旧版本中build --watch工作正常。

4

1 回答 1

0

我认为问题与webpack.NewWatchingPlugin（默认观看插件）有关，但如果您添加新webpack.OldWatchingPlugin()插件，您可以强制 webpack 使用旧的文件观看逻辑。比OldWatchingPlugin更稳定NewWatchingPlugin。

webpack 无法正常工作的原因有很多：

  • 如果没有输出文件（具有不同的哈希值），则可能是配置问题，而不是文件监视问题。
  • 没有足够的文件观察器会导致 Webpack 中的文件观察器无法识别更改。
于 2018-05-23T01:30:39.087 回答