javascript - 在现有的 React TypeScript 中添加 Create-React-App 应用程序

Question

如何使用 React Typescript 应用程序的某些部分（例如主页和登录页面），然后我想使用使用 create-react-app 创建的 ReactJs 应用程序。

我必须将现有的 React Typescript 项目仅用于登录部分，登录后我想添加我的 React JSX 项目。

const render = () => ReactDOM.render(<App />, document.getElementById("root"));

在上面的代码中，我正在渲染我的App.js而不是App.tsx

使用yarn dev启动应用程序时出现以下错误（与 npm start 相同）

**ERROR in ./ts/CarrierLoadBoard/App.js
Module build failed (from C:/D Drive/Workspace/Test/CarrierLoadboard/node_modules/babel-loader/lib/index.js):
SyntaxError: C:\D Drive\Workspace\Test\CarrierLoadboard\web\Web\ts\CarrierLoadBoard\App.js: Unexpected token, expected "," (16:11)
  14 | 



render() {
  15 |     return (
> 16 |       <div className="App">
     |            ^
  17 |         <Switch>
  18 |           <Route path="/AdminView" component={AdminView1} />
  19 |           <Route path="/rfqUploadPage" component={RFQUploadPage} />
at Object._raise (C:\D Drive\Workspace\Test\CarrierLoadboard\node_modules\@babel\parser\lib\index.js:748:17)
at Object.raiseWithData (C:\D Drive\Workspace\Test\CarrierLoadboard\node_modules\@babel\parser\lib\index.js:741:17)
at Object.raise (C:\D Drive\Workspace\Test\CarrierLoadboard\node_modules\@babel\parser\lib\index.js:735:17)
at Object.unexpected (C:\D Drive\Workspace\Test\CarrierLoadboard\node_modules\@babel\parser\lib\index.js:9101:16)
at Object.expect (C:\D Drive\Workspace\Test\CarrierLoadboard\node_modules\@babel\parser\lib\index.js:9087:28)
at Object.tsParseDelimitedListWorker (C:\D Drive\Workspace\Test\CarrierLoadboard\node_modules\@babel\parser\lib\index.js:5269:14)**

任何帮助，将不胜感激..

标签： javascriptreactjstypescript