Reactjs TypeError:无法读取属性';ts';未定义的

Reactjs TypeError:无法读取属性';ts';未定义的,reactjs,webpack,asp.net-core,.net-core,Reactjs,Webpack,Asp.net Core,.net Core,我一直在尝试在我的.Net核心项目中设置React,但在尝试运行WebPack时遇到构建失败的错误 我尝试过更新ts loader和webpack版本,并尝试了GitHub和StackOverflow的不同解决方案,但这些都不起作用 网页包控制台错误 Entrypoint global = home-bundle.js home-bundle.js.map [0] ./ClientApp/Home/home.tsx 289 bytes {0} [built] [failed] [1 erro

我一直在尝试在我的.Net核心项目中设置React,但在尝试运行WebPack时遇到构建失败的错误

我尝试过更新
ts loader
webpack
版本,并尝试了GitHub和StackOverflow的不同解决方案,但这些都不起作用

网页包控制台错误

Entrypoint global = home-bundle.js home-bundle.js.map
  [0] ./ClientApp/Home/home.tsx 289 bytes {0} [built] [failed] [1 error]

WARNING in configuration
The 'mode' option has not been set. 
Set 'mode' option to 'development' or 'production' to enable defaults for this environment.

ERROR in ./ClientApp/Home/home.tsx
Module build failed: TypeError: Cannot read property 'ts' of undefined
  at getLoaderOptions (D:\MyFirstProject\Travel\node_modules\ts-loader\dist\index.js:70:44)
  at Object.loader (D:\MyFirstProject\Travel\node_modules\ts-loader\dist\index.js:23:19)
webpack.config

module.exports=[
{
条目:{
全局:“./ClientApp/Home/Home.tsx”
},
输出:{
文件名:“homebundle.js”,
路径:_dirname+“/wwwroot/app/”,
sourceMapFilename:“home bundle.js.map”
},
devtool:“源地图”,
决心:{
扩展名:[“.ts”、“.tsx”、“.js”],
模块:[“节点单元模块”]
},
模块:{
规则:[
{
测试:/\.tsx?$/,,
加载器:“ts加载器”
},
{
强制执行:“预”,
测试:/\.tsx?$/,,
使用:“源地图加载器”,
排除:/node\u模块/
}
]
}
}
];
package.json

{
“依赖项”:{
“@types/es6承诺”:“0.0.33”,
“@types/lodash”:“4.14.84”,
“@types/react”:“15.0.11”,
“@types/react-dom”:“0.14.23”,
“es6承诺”:“4.1.1”,
“lodash”:“4.17.4”,
“反应”:“15.6.2”,
“反应dom”:“15.6.2”,
“源地图加载器”:“0.2.3”,
“ts加载器”:“2.3.7”,
“类型脚本”:“2.3.4”,
“网页包”:“3.8.1”
},
“依赖性”:{
“ts加载器”:“2.3.7”,
“url加载器”:“0.5.9”,
“网页包livereload插件”:“1.0.0”
},
“脚本”:{
“网页包”:“网页包-p”,
“测试”:“echo\”错误:未指定测试\“&退出1”,
“观看”:“网页-w”
}
}

我刚从第3页升级到第4页时遇到了同样的错误

我的解决方案是将ts loader从3.1.1升级到4.4.2


希望有帮助。

你在使用webpack 4吗?@Aaqib我已经尝试了4和3.x.x版本。你能分享你的软件包吗。jsonI没有发现任何明显的错误,但是看看我在本地的React项目,没有一个有
模块:[“node_Modules”]
位。您可能希望尝试使用此
resolve
config:
resolve:{extensions:['.js','.jsx','.ts','.tsx']},
。您使用v15而不是v16有什么原因吗?