web-dev-qa-db-ja.com

TypeScriptの問題-TypeError：未定義のプロパティ 'watchRun'を読み取れません

私のReactJSアプリのJSXファイルを1つずつTSに変換しようとしています。したがって、JSXファイルとTSファイルの両方を同時に実行します。 （したがって、以下のようにwebpackに両方のルールを追加しました）：

これは、jsxファイルとtsファイルを処理する私のwebpack構成の一部です。

module: {
        rules: [
            {
            test: /\.ts$/,
            exclude: /node_modules/,
            use: ["awesome-TypeScript-loader"]
        },
        {
            test: /\.(jsx?)$/,
            exclude: /node_modules/,
            use: ["babel-loader"]
        },
        ]
    }

しかし、webpackを実行すると、次のエラーが発生します。

モジュールのビルドに失敗しました：TypeError：未定義のプロパティ 'watchRun'を読み取れません

使用するパッケージ：

"webpack": "^2.2.1"
"awesome-TypeScript-loader": "^5.0.0-1", 
"TypeScript": "^2.7.2",
"@types/react": "^16.0.40",
"@types/react-dom": "^15.5.7",
"babel-core": "^6.23.1",
"babel-loader": "^6.4.0",

オンラインで調べましたが、このwatchRunの問題に関するヒントを提供するリソースはどこにもありませんでした。

ありがとう。

typescriptwebpackjsxtypescript2.0
8
phoenix

awesome-TypeScript-loader 5.xはwebpack 4.xと互換性があります。Webpackのバージョンが古すぎます。 Webpackを4.xにアップグレードするか、awesome-TypeScript-loader バージョン。

9
pamler

解決策は、ウェブパックの正しいバージョンに依存するストーリーブックの4.xエッジバージョンを使用することです（現在の安定した3.xの場合はそうではありません）。

例：@ storybook/react @ 4.0.0-alpha.8は[email protected]で動作します

0
wittydeveloper