WebPack在主页面上显示tslint警告

时间:2017-07-15 11:45:46

标签: angular webpack tslint

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

编译失败:

./ SRC /应用/登录/ login.component.ts [20,21]:缺少空白

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

在控制台webpack中说:"编译时带有警告"因此,没有理由在主页上显示“无法编译”。

2 个答案:

答案 0 :(得分:1)

在编译期间,您似乎正在执行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"
           }
   ]
}

如果它可以解决您的问题,请随时接受它作为答案。

答案 1 :(得分:0)

最后解决了它:)

实际上这是webpack的一个错误: https://github.com/webpack/webpack-dev-server/issues/861

解决方法是设置:

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