【问题标题】：Why does changing app.js to app.tsx break my Next.js project?为什么将 app.js 更改为 app.tsx 会破坏我的 Next.js 项目？
【发布时间】：2021-05-20 17:24:15
【问题描述】：
我正在尝试使用 TypeScript 设置 Next.js 框架，并且我可以毫无问题地将我的 pages/index.js 页面更改为 pages/index.tsx 页面，但是当我尝试将 pages/_app.js 更改为 @ 时987654324@，项目因错误而中断：
错误：ENOENT：没有这样的文件或目录，打开/../../pages/_app.js
为什么会这样？我已经安装了 TypeScript、@types/react 和 @types/node
【问题讨论】：
标签：
javascript
reactjs
typescript
next.js
【解决方案1】：
你可以这样做
- 关闭脚本即
npm run dev
- 删除 .next 文件夹
- 再次运行应用程序 (
npm run dev)。它现在应该可以工作了。
我认为是缓存的问题
【解决方案2】：
在项目的根目录中创建一个空的tsconfig.json 文件。
然后运行run next dev
【解决方案3】：
-
停止脚本在终端上运行 ctrl+c (Mac)。
-
在 _app.tsx 中写入：export default function App({ Component, pageProps }: AppProps): JSX.Element { return <Component {...pageProps} /> }
-
重新运行脚本 npm run dev