reactjs - React ASP.NET Core - js“类型断言表达式”只能在.ts文件中使用

Question

我刚刚在 Visual Studio 2017 中创建了一个新的 React 应用程序（不是 VSCode，因为关于这个错误的许多其他帖子似乎正在使用），它设置了默认文件内容：

包.json

{
  "name": "React",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "bootstrap": "^3.3.7",
    "react": "^16.0.0",
    "react-bootstrap": "^0.31.5",
    "react-dom": "^16.0.0",
    "react-router-bootstrap": "^0.24.4",
    "react-router-dom": "^4.2.2",
    "react-scripts": "1.0.17",
    "rimraf": "^2.6.2"
  },
  "scripts": {
    "start": "rimraf ./build && react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

应用设置.json

{
  "Logging": {
    "LogLevel": {
      "Default": "Warning"
    }
  },
  "AllowedHosts": "*"
}

应用程序.js

import React, { Component } from 'react';
import { Route } from 'react-router';
import { Layout } from './components/Layout';
import { Home } from './components/Home';
import { FetchData } from './components/FetchData';
import { Counter } from './components/Counter';

export default class App extends Component {
  displayName = App.name

  render() {
    return (
      <Layout>
        <Route exact path='/' component={Home} />
        <Route path='/counter' component={Counter} />
            <Route path='/fetchdata' component={FetchData} />
      </Layout>
    );
  }
}

我正在尝试按照教程添加新组件，但是当我添加以下组件时，它会抱怨“（JS）'类型断言表达式'只能在 .ts 文件中使用”的错误消息：

我发现很多其他帖子说要添加以下代码，但我已将其添加到 appsettings.json 文件中，但没有任何效果：

"javascript.validate.enable": false

围绕这个主题的大多数帖子似乎也在使用 VSCode，所以不确定这是否会对我在 VS2017 上产生影响？关于我需要改变什么以允许它编译和运行的任何想法？

标签： reactjstypescriptasp.net-core