在React中找不到TypeScript模块

Question

我尝试在我的create-areact应用程序项目中添加typescript，方法是将.js文件重命名为.tsx，并通过CL安装，如下所示：

npm install --save typescript @types/node @types/react
npm install --save typescript @types/react-dom @types/jest

但是当我重新启动dev服务器时，我得到错误"；编译时出现问题：中的X错误/src/index.tsx 7:0-24找不到模块：错误：无法解析"/"C:\Users\user\Downloads\React\project\src'中的应用程序">

这是index.tsx:

import React from "react";
import ReactDOM from "react-dom/client";
import "./index.css";
import App from "./App";
import reportWebVitals from "./reportWebVitals";
const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
<React.StrictMode>
<App />
</React.StrictMode>
);
reportWebVitals();

我该怎么解决这个问题？

Answer 1

您尝试过这两个步骤吗？

1-将TypeScript添加到项目

npm install --save typescript @types/node @types/react @types/react-dom @types/jest

2-添加tsconfig.json

npx tsc --init

如果它不起作用，那么您可能需要删除node_module文件夹和package-lock.json文件，然后使用再次安装依赖项

npm install

编辑

如果它仍然不起作用，请参阅本文。感谢@R Claven在这里提到这篇文章