【发布时间】:2021-06-25 04:09:45
【问题描述】:
我确定这是我忽略的简单问题,但我没有在网上找到有关此类问题的任何信息。我有一个相当简单的 NextJS 项目,其文件夹结构如下:
├── pages
| ├── index.js
| ├── _app.tsx
| └── hello.tsx
每个文件都有各自的 CSS,但为了简单起见,我没有添加它。我已经在_app.tsx 中编写了我的大部分网站,并添加了hello.tsx 来测试页面路由。据我了解,如果我导航到http://localhost:3000/hello,我应该会看到用hello.tsx 编写的页面。相反,即使地址另有说明,_app.tsx 中定义的页面也会显示。我在这里错过了什么?
hello.tsx如下:
export default function hello() {
return <h1>Hello World</h1>
}
_app.tsx如下:
import './App.css';
import '../styles/globals.css';
import Tiles from '../components/tiles';
function App() {
return (
<some basic jsx/>
);
}
export default App;
提前感谢您的帮助。我确信答案很简单,但我无法得到它。
【问题讨论】:
-
可以分享
_app.tsx代码 -
当然,这里是:pastebin.com/PtLVMRx8
-
那不正确。应该是
function App({ Component, pageProps }) { return <Component {...pageProps} /> } -
我的错。我添加了,但它仍然不起作用。
-
我已经在上面添加了。
标签: typescript next.js