failOnError选项不适用于ts加载程序和webpack-dev-server

Question

摘要

与webpack一起编译ts-loader.

• When的
• ，我使用-dev服务器编写TypeScript，错误消息可能会显示为incorrectly.
  • Repository：https://github.com/pvcresin/eslint-ts-loader-error.

  。

问题

• eslint-loader并没有停止编译，即使TS代码被重写，TS-加载程序错误是displayed.
• ts-loader错误仍然是旧的。

操作步骤

1.启动开发服务器：yarn start = webpack-dev-server --mode development

package.json

{
  "name": "eslint-ts-loader-error",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "scripts": {
    "start": "webpack-dev-server --mode development",
    "build": "webpack --mode production"
  },
  "devDependencies": {
    "@typescript-eslint/eslint-plugin": "2.30.0",
    "@typescript-eslint/parser": "2.30.0",
    "babel-loader": "8.0.6",
    "eslint": "6.8.0",
    "eslint-loader": "4.0.2",
    "ts-loader": "6.2.2",
    "typescript": "3.8.3",
    "webpack": "4.33.0",
    "webpack-cli": "3.3.4",
    "webpack-dev-server": "3.7.1"
  }
}

webpack.config.js

const path = require('path');

module.exports = {
  entry: './src/main.ts',
  output: {
    path: path.resolve(__dirname, 'dist/'),
    filename: '[name].js',
  },
  module: {
    rules: [
      {
        test: /\.(ts|tsx)$/,
        exclude: /node_modules/,
        use: [
          {
            loader: 'ts-loader',
          },
        ],
      },
      {
        test: /\.(ts|tsx)$/,
        enforce: 'pre',
        exclude: /node_modules/,
        use: [
          {
            loader: 'eslint-loader',
            options: {
              failOnError: true,
            },
          },
        ],
      },
    ],
  },
};

2.编辑和保存.ts文件。

main.ts

const a: string = 100;
console.log(a);

->错误:ts-加载程序(如预期)

ts-loader: Type '100' is not assignable to type 'string'.

3.编辑和保存.ts文件。

const a: string = 100;
// console.log(a);

->错误:eslint-加载程序，ts-加载程序(意外)

eslint-loader: 'a' is assigned a value but never used  no-unused-vars
ts-loader: Type '100' is not assignable to type 'string'.

当eslint-中出现错误时，将停止编译过程，并且不显示ts-加载程序的错误。

4.编辑和保存.ts文件。

const a: boolean = 100;
// console.log(a);

->错误:eslint-加载程序，ts-加载程序(意外)

eslint-loader: 'a' is assigned a value but never used  no-unused-vars
ts-loader: Type '100' is not assignable to type 'string'.

加载程序错误不是最近的错误，而是旧的错误！

这是否证明处理不是由ts加载器决定的？

我不知道为什么会这样。

这是webpack开发服务器的问题，而不是弹性装载机的问题吗？

我需要有人帮我。

环境

v10.15.4

• Node.js
• macOS Catalina v12.16.2
• npm v6.14.4
• 纱v1.22.4

Answer 1

问问GitHub的问题。

我使用https://github.com/webpack-contrib/eslint-webpack-plugin，它可以工作！:tada：

https://github.com/webpack-contrib/eslint-loader/issues/327