在 NextJs 13 项目中添加 CDN 不起作用

问题描述 投票：0回答：1

当我想在我的NextJs13项目中添加一个CDN（例如Remix Icon）时，它不起作用，我正在研究，完成的方法是导入，“head”标签，然后将值放入其中Head 组件，但这已经不起作用了，它被迁移到另一种方式，我不知道如何做到这一点，如果有人知道的话，谢谢

javascript reactjs next.js cdn nextjs13
1个回答
0
投票

之前在“下一步”

Pages Router
中，您可以创建一个 
_document.tsx
文件。在该文件上，您将导入 
Head
组件并添加指向您的 CDN 的链接。

<Html>
    <Head>
    <link
      rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/nord.min.css" />
    </Head>
    <body>
        <Main />
        <NextScript />
    </body>
  </Html>

但是在新的 Next.js 13 

App Router
上，您可以将链接添加到根 
layout.tsx
文件上的 CDN，如下所示

<html lang="en">
    <head>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.8.0/styles/nord.min.css" />
    </head>
    <body className=''> {children} </body>
</html>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.