跳至內容
文件錯誤`_document` 中沒有 `styled-jsx`

`_document` 中沒有 `styled-jsx`

避免在 pages/_document.js 中使用 styled-jsx。

錯誤原因

在自訂文件中不允許使用像 styled-jsx 這樣的自訂 CSS。

可能的解決方法

如果您需要所有頁面共用的 CSS，請查看自訂 App 檔案或定義自訂版面配置。

例如，考慮以下名為 styles.css 的樣式表

styles.css
body {
  font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica',
    'Arial', sans-serif;
  padding: 20px 20px 60px;
  max-width: 680px;
  margin: 0 auto;
}

如果還沒有 pages/_app.{js,tsx} 檔案，請建立一個。然後，導入 styles.css 檔案。

pages/_app.js
import '../styles.css'
 
// This default export is required in a new `pages/_app.js` file.
export default function MyApp({ Component, pageProps }) {
  return <Component {...pageProps} />
}

這些樣式 (styles.css) 將套用至應用程式中的所有頁面和元件。