Angular 主页上显示tslint警告的网页包

我一直在升级到webpack 2，但现在我无法显示主页，因为我最终收到了警告消息：

未能编译：

./src/app/login/login.component.ts [20,21]：缺少空格

这是我在控制台中看到的警告消息之一， 但它以前从未停止webpack服务器显示内容

---

在控制台中，webpack显示：编译时带有警告，因此不应该在主页上显示编译失败的原因。

编译期间，您似乎正在执行一个linter。它是ESLint或TSLint，具体取决于您的编程语言Javascript/Typescript。它在执行linter后跳过编译，因为它检测到代码中的样式问题

您的package.json中有这些依赖项吗

"devDependencies": {
        "eslint": "4.1.1",
        "eslint-loader": "1.8.0"
    }

在webpack.config.js中，可能定义了类似这样的东西，在编译期间执行ESLint：

module: {
   rules: [
           {
            enforce: "pre",
            test: /\.js$/,
            exclude: /node_modules/,
            loader: "eslint-loader"
           }
   ]
}

如果它解决了您的问题，请随意接受它作为答案。

最终解决了它：

实际上，这是webpack的一个bug：

解决方法是设置：

devServer: {
  overlay: {
    warnings: false,
    errors: true
  }
}

---

这是我在webpack配置中拥有的：模块：{rules:[{test://\.ts$/，use:[{loader:'tslint loader'，options:{typeCheck:true}}]，exclude:/node\u modules/，exforce:pre}，我猜tslint被配置为使生成失败，即使这只是一个警告。您可以通过在项目的根级别提供一个tslint.json来配置tslint。也许您已经有了它并将failOnHint设置为true？请参阅官方文档：npmjs.com/package/tslint-loaderissue与webpack配置一起，而不是tslint