时间戳

首页 > 解决方案 > 在 next.js 中放置脚本标签的位置

reactjs - 在 next.js 中放置脚本标签的位置

问题描述

next.js 很新，但到目前为止很喜欢这个框架。我真的很喜欢使用 materialize 作为我的 css 框架，通常我只是将它们的样式和脚本标签 ( https://materializecss.com/getting-started.html ) 放在公共 index.html 文件中，这显然不存在于 next .js。我是否可以像这样将该代码放在 _app.js 文件中：

import '../styles/globals.css';
import Head from 'next/head';

function MyApp({ Component, pageProps }) {
  return (
    <>
      <Head>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css" />
        <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js" />
      </Head>
      <Component {...pageProps} />
    </>
    )
}

export default MyApp

只是想知道那种东西的正确语法是什么。

标签： reactjsnext.js

解决方案

推荐阅读