带有 react 和 material-ui 的 Asp.Net Core

Question

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

{
  "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 的开头：

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

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

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、react 和 material-ui 一起顺利运行的项目，如果您让我知道如何操作，我将不胜感激。

Answer 1

使用新的项目模板进行修复，更新至 .Net Core 2.1 和 Visual Studio 15.7