TypeScript问题- TypeError:无法读取未定义的属性“watchRun”

Question

我试图将我的ReactJS应用程序的JSX文件，一个一个地转换到TS。因此，我将同时运行JSX和TS文件。(因此在webpack中增加了以下两种规则)：

这是我的webpack配置中处理jsx和ts文件的部分：

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问题的资源。

谢谢。

Answer 1

awesome-typescript-loader 5.x与webpack 4.x兼容，你的webpack版本太老了。尝试将webpack升级到4.x或降级您的awesome-typescript-loader版本。

Answer 2

解决方案是使用4.x边缘版本的故事书，这取决于正确版本的webpack (这不是目前稳定的3.x)

示例：@storybook/5.x@4.0.0-字母8与令人敬畏的-类型记录-加载程序@5.x一起工作