如何在Next js 13中更改默认的“create next app”

vyu0f0g1 于 2023-03-29 发布在其他

关注(0)|答案(3)|浏览(169)

我无法更改默认的“创建下一个应用程序”标题从网页在下一个js 13。我读了他们的文档
下一个/头和如何使用，但它似乎不工作。我是新的这个框架，请帮助
尝试在下一个js 13中更改默认标题，但没有任何React

next.js

来源：https://stackoverflow.com/questions/75805825/how-to-change-default-create-next-app-in-next-js-13

3条答案

按热度按时间

hk8txs481#

head.js（已弃用）

元数据可以直接在layout.js或page.js文件中设置，而不是使用特殊的head.js文件，方法是导出静态元数据对象或动态generateMetadata函数
看一下here
所以你要做的就是把<title>元素直接放到JSX里面：

export default function Home() {
  return (
    <main className={styles.main}>
       <title>My Title</title>
      //...
    </main>
  )

赞(0）回复(0）举报 2023-03-29

shstlldc2#

试试这个代码

import Head from 'next/head'

function IndexPage() {
  return (
    <div>
      <Head>
        <title>My page title</title>
      </Head>
      <p>Hello world!</p>
    </div>
  )
}

export default IndexPage

将标题标签放置在Next Head组件中。请参见documentation for more info

赞(0）回复(0）举报 2023-03-29

kuuvgm7e3#

我想明白了，我只需要更改layout.jsx中的元数据

赞(0）回复(0）举报 2023-03-29

我来回答

如何在Next js 13中更改默认的“create next app”

3条答案

head.js（已弃用）

相关问题

热门标签

最新问答