沒有 CSS 標籤

避免手動加入樣式表標籤。

錯誤原因

使用了 link 元素連結到外部樣式表。這可能會對網頁上的 CSS 資源載入造成負面影響。

可能的解決方法

Next.js 內建的 CSS 支援提供了多種引入樣式的方法，包括在 `pages/_app.js` 中引入的根樣式表內使用 `@import`。

styles.css

/* Root stylesheet */
@import 'extra.css';
 
body {
  /* ... */
}

另一個選項是使用 CSS 模組，將 CSS 檔案的範圍限定在特定元件內。

pages/index.js

import styles from './extra.module.css'
 
export class Home {
  render() {
    return (
      <div>
        <button type="button" className={styles.active}>
          Open
        </button>
      </div>
    )
  }
}

參考內建 CSS 支援文件，了解所有將 CSS 加入應用程式的方法。