Почему typescript компилятор игнорирует ошибки?

Question

[Juniorrrrr]

Подскажите пожалуйста, использую webpack + ts + react. При обнаружении ошибок в IDE ошибки подсвечиваются красным, но при этом сборка собирается.

Как сделать чтобы сборка собственно тоже падала ?

tsConfig.json

{
  "compilerOptions": {
    "outDir": "./dist",
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react",
    "baseUrl": "./src",
    "noEmitOnError":true,
    "noImplicitAny": true,
    "noImplicitThis": true,
    "strictNullChecks": true,
    "allowUnreachableCode":true
  },
  "include": [
    "./src",
  ]
}

webpack config

module.exports = {
  entry: {
    public: "./src/public.entrypoint.tsx",
  },
  output: {
    filename: "[name].js",
    path: path.join(__dirname, "dist"),
    publicPath: "/",
  },
  module: {
    rules: [
      // we use babel-loader to load our jsx and tsx files
      {
        test: /\.(ts|js)x?$/,
        exclude: /node_modules/,
        use: {
          loader: "babel-loader",
        },
      },
      {
        test: /\.css$/i,
        use: ["style-loader", "css-loader"],
      },
      {
        test: /\.s[ac]ss$/i,
        use: ["style-loader", "css-loader", "sass-loader"],
      },
      {
        test: /\.(png|jpg|jpeg|gif|woff|eot|ttf|otf)$/i,
        loader: "file-loader",
        options: {
          outputPath: "assets",
        },
      },
      {
        test: /\.svg$/,
        use: ["@svgr/webpack"],
      },
    ],
  },
  resolve: {
    extensions: ["*", ".tsx", ".ts", ".js", ".jsx"],
    alias: {
      components: path.resolve(__dirname, "src/components/"),
      connectors: path.resolve(__dirname, "src/connectors/"),
      containers: path.resolve(__dirname, "src/containers/"),
      contexts: path.resolve(__dirname, "src/contexts/"),
      fonts: path.resolve(__dirname, "src/fonts/"),
      helpers: path.resolve(__dirname, "src/helpers.js"),
      hooks: path.resolve(__dirname, "src/hooks/"),
      img: path.resolve(__dirname, "src/img/"),
      pages: path.resolve(__dirname, "src/pages/"),
      utils: path.resolve(__dirname, "src/utils/"),
      slice: path.resolve(__dirname, "src/slice/"),
      colors: path.resolve(__dirname, "src/colors/"),
      reusedStyles: path.resolve(__dirname, "src/reusedStyles/"),
      commonHelpers: path.resolve(__dirname, "src/commonHelpers/"),
    },
  },
  plugins: [
    new MomentLocales(),
    new Clean(),
    new Copy([{ from: "public", to: "." }]),
    new Html({
      chunks: ["public"],
      hash: true,
      scriptLoading: "defer",
      template: "public/index.html",
    }),
    // new BundleAnalyzer(),
  ],
  devServer: {
    disableHostCheck: true,
    historyApiFallback: true,
    overlay: {
      warnings: true,
      errors: true,
    },
    port: 3000,
  },
};

Babelrc

{
  "presets": [
    [
      "@babel/preset-env",
      {
        "corejs": 3,
        "targets": { "browsers": [">0.2%", "not dead", "not op_mini all"] },
        "useBuiltIns": "usage"
      }
    ],
    "@babel/preset-typescript",
    "@babel/preset-react"
  ],
  "plugins": [
    [
      "styled-components",
      {
        "ssr": true,
        "displayName": true
      }
    ],
    ["import", { "libraryName": "antd", "style": "css" }]
  ]
}

Comments

[Alex]

Мне кажется, это вопрос в сторону сборки. Так что и теги надо бы релевантные поставить.

[Juniorrrrr]

Alex, расширил описание

[WbICHA]

Juniorrrrr, а какую цли комманду ты используешь? Подозреваю, что тсц ты и не вызываешь.

[Juniorrrrr]

WbICHA,

"scripts": {
    "start": "webpack-dev-server --mode development --open --hot",
    "build": "webpack --mode production",
    "server": "nodemon server/index.js"
  },

Вызываю Npm start

[WbICHA]

Juniorrrrr, а документацию почитать никак?
https://webpack.js.org/guides/typescript/#loader

Answer 1

[Дмитрий Беляев]

@babel/preset-typescript не делает тайпчекинг, он просто убирает типы и все.
Компилируйте тайпскрипт родным компилером, например через ts-loader

Comments

[Juniorrrrr]

Спасибо.