【问题标题】:NextJS - all routes redirect to indexNextJS - 所有路由都重定向到索引
【发布时间】: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 &lt;Component {...pageProps} /&gt; }
  • 我的错。我添加了,但它仍然不起作用。
  • 我已经在上面添加了。

标签: typescript next.js


【解决方案1】:

我的index.js_app.js 完全错误,并以_app 而不是index 返回主页。如果您遇到类似问题,您可以尝试将它们重新配置为库存,然后从那里开始工作。

【讨论】:

    猜你喜欢
    • 2018-02-14
    • 1970-01-01
    • 1970-01-01
    • 2021-11-06
    • 2017-09-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多