关于reactjs：带有react和material-ui的Asp.Net Core

Asp.Net Core with react and material-ui

我用react模板创建一个Asp.Net Core项目。然后，我将在此页面的帮助下继续安装material-ui。我遇到了一些依赖问题，因此我不得不更新react和react-dom软件包，然后再更新一些相关的软件包并最终得到这个package.json配置：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

{
"name":"MaterialUITest",
"private": true,
"version":"0.0.0",
"devDependencies": {
"@types/history":"4.6.0",
"@types/react":"15.0.35",
"@types/react-dom":"15.5.1",
"@types/react-hot-loader":"3.0.3",
"@types/react-router":"4.0.12",
"@types/react-router-dom":"4.0.5",
"@types/webpack-env":"1.13.0",
"aspnet-webpack":"^2.0.1",
"aspnet-webpack-react":"^3.0.0",
"awesome-typescript-loader":"3.2.1",
"bootstrap":"3.3.7",
"css-loader":"0.28.4",
"event-source-polyfill":"0.0.9",
"extract-text-webpack-plugin":"2.1.2",
"file-loader":"0.11.2",
"isomorphic-fetch":"2.2.1",
"jquery":"3.2.1",
"json-loader":"0.5.4",
"react":"16.4.1",
"react-dom":"16.4.1",
"react-hot-loader":"3.0.0-beta.7",
"react-router-dom":"4.3.1",
"style-loader":"0.18.2",
"typescript":"2.4.1",
"url-loader":"0.5.9",
"webpack":"2.5.1",
"webpack-hot-middleware":"2.18.2"
},
"dependencies": {
"@material-ui/core":"^1.2.3",
"@material-ui/icons":"^1.1.0"
}
}

现在，如果我继续将其添加到Counter.tsx的开头：

1	import Paper from '@material-ui/core/Paper'

一切似乎都很好，我没有收到任何错误，也没有收到有关发生问题的通知。所以我继续启动程序，接下来我得到的是调试错误视图，告诉我它正在期待一些迹象：

1
2
3
4
5
6
7
8

ERROR in [at-loader] ./node_modules/@material-ui/core/index.d.ts:57:34
TS1005: ')' expected.
ERROR in [at-loader] ./node_modules/@material-ui/core/index.d.ts:57:63
TS1005: '(' expected.
ERROR in [at-loader] ./node_modules/@material-ui/core/index.d.ts:57:67
TS1005: ',' expected.
ERROR in [at-loader] ./node_modules/@material-ui/core/index.d.ts:57:85
TS1005: '(' expected.

...以此类推

我尝试更新预安装的软件包，但这给了我更多无法解决的依赖性问题。

如果任何人都可以尝试创建一个使用Asp.Net Core平稳运行的项目，做出反应并使用Material-ui，请让我知道如何操作。