webpack --mode production時のみに出るtypescriptのエラーを無視してbuildする方法

Question

環境

webpack 4.41.2
typescript 3.7.2

問題点

webpackを使用し、ts, tsxファイルをcompileしていたがdevelop modeの時は問題無し。
しかしproduction modeではtype scriptのエラーが大量にでる
→ production modeでひとまずbuildさせる方法はないか模索中です

コード

{
    mode: "development",
    entry: "./src/index.tsx",
    output: {
        path: `${__dirname}/dist`,
        filename: "index.js"
    },
    module: {
        rules: [
            {
                test: /.tsx?$/,
                use: "ts-loader"
            },
            {
                test: /.svg$/,
                loader: "react-svg-loader",
                options: {
                    svgo: {
                        plugins: [
                            { removeTitle: false }
                        ],
                        floatPrecision: 2
                    }
                }
            },
            {
                test: /.(vert|frag|glsl)$/,
                use: {
                    loader: 'webpack-glsl-loader'
                }
            }
        ]
    },
    // import 文で.tsや.tsxファイルを解決
    resolve: {
        extensions: [".ts", ".tsx", ".js", ".json"]
    },
},

{
  "compilerOptions": {
    "sourceMap": false,
    "target": "es5",
    "module": "es2015",
    "jsx": "react",
    "moduleResolution": "node",
    "lib": [
      "es2019",
      "dom"
    ],
    "removeComments": true,
    "noUnusedLocals": false
    
    //**ちなみに以下２つ試してみたが"Unknown compiler option"のエラー
    "no-consecutive-blank-lines": false,
    "no-unused-variable": false,
  }
}

よろしくお願いいたします。

(追記)エラー内容

ERROR in /var/www/hoge/src/index.tsx
[tsl] ERROR in /var/www/hoge/src/index.tsx(56,33)
      TS2322: Type '(page: any) => void' is not assignable to type 'void'.

ERROR in /var/www/hoge/src/about/index.tsx
[tsl] ERROR in /var/www/hoge/src/about/index.tsx(15,48)
      TS2339: Property 'appRef' does not exist on type 'About'.

ERROR in /var/www/hoge/src/gallery/index.tsx
[tsl] ERROR in /var/www/hoge/src/gallery/index.tsx(8,27)
      TS2307: Cannot find module './picturesData'.

ERROR in /var/www/hoge/src/gallery/index.tsx
[tsl] ERROR in /var/www/hoge/src/gallery/index.tsx(9,9)
      TS2529: Duplicate identifier 'Promise'. Compiler reserves name 'Promise' in top level scope of a module containing async functions.

...以下省略 40個程

追記２

エラー部分のコード抜粋

private changePage = (page): void => {
this.setState({
tmpPageName: page,
isHide: true,
});
};
//error (これは引数に型を書くのを忘れていたため起きたエラーとわかりました)
TS2322: Type '(page: any) => void' is not assignable to type 'void'.

import {Promise} from "q";

private async setPictures(): Promise {
    for(let i = 0; i < pictures.name.length; i++) {
      const meshPic = await this.setMeshOfPic(pictures.name[i]);
      this.organizePicPos(i, meshPic);
      this.scene.add(meshPic);
    }
 }
 
//error
TS2529: Duplicate identifier 'Promise'. Compiler reserves name 'Promise' in top level scope of a module containing async functions.

(同じ階層にpictureDataというjsonファイルがある)
import * as pictures from "./picturesData";

//error
TS2307: Cannot find module './picturesData'.

追記3

以下を試してみましたが、結果は同じでした。

//tsconfig.jsonに下記コード追加
strict: false

Comments

[maisumakun]

どのようなエラーが出たのですか？

[kazoogon]

エラー文追記致しました

[hoshi-takanori]

src/index.tsx でエラーが出てるので、こちらのソースもお願いします。

[kazoogon]

追記２にエラー部分のコード追記しました

Answer 1

// @ts-nocheckをts, tsxファイルに追記し、エラーを無視しcompile. (もっと他に良い方法はありそうですが)