ASP.NET Core React模板与TypeScript

Question

我安装了最新的.NET Core SDK。从Visual Studio（非VS代码）我选择了ASP.NET Core React模板。网站运行正常。大。但是当我尝试使用TypeScript时遇到了问题：

1. 当我添加.tsx文件时，出现编译错误。 Cannot use JSX unless the '--jsx' flag is provided.

2. 当我尝试通过从命令行键入npm test来使用Jest时，它会运行测试。好。但是当我将测试放入TypeScript文件时，我会收到像Cannot find name expect这样的编译错误。当我尝试使用instructions for using TypeScript with Jest时，我开始遇到编译错误抱怨我的package.json - These options in your package.json Jest configuration are not currently supported by Create React App。

这些模板是不是应该提供随时可用的工作开箱即用体验？我无法相信我在这里尝试做的事情是不寻常的 - 使用Jest和TypeScript并使用TypeScript来定义TSX组件。带有typescript的create-react-app模板提供了这些功能，没有任何麻烦。它只是有效。我在这里做错了吗？我不明白ASP.NET Core的目的吗？我希望能够使用React构建我的前端，并在我可以使用Visual Studio构建和调试的项目中拥有一个很好的C＃-backed实体网站。要问太多了？

Answer 1

看起来有些黑客可以让TypeScript与React和asp.net核心一起使用，比如react-app-rewired。我和React的蜜月结束了，因为我也是TypeScript和rxjs的忠实粉丝。是时候探索Angular了。

Answer 2

我在模板方面也很努力。我也使用带有react / .net核心的打字稿工作。

1. 创建新项目时，我将通过Visual Studio将其启动为新的react / .net核心项目。
2. clientapp文件夹将是javascript，因此我删除了整个ClientApp文件夹。
3. 导航到项目文件夹，然后键入npm create-react-app clientapp --typescript。

现在，如果您在Visual Studio中启动项目，它应该立即可用。该应用程序将运行，因为startup.cs文件指向将React模板配置为编译到的正确构建文件夹。