CSSタグなし

手動でのスタイルシートタグの使用を防止します。

このエラーが発生する理由

link要素が外部スタイルシートへのリンクに使用されました。これはウェブページ上のCSSリソースの読み込みに悪影響を与える可能性があります。

考えられる解決策

Next.jsの組み込みCSSサポートを使用してスタイルを含めるには複数の方法があります。pages/_app.jsでインポートされるルートスタイルシート内で@importを使用するオプションも含まれます。

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

もう1つの選択肢は、CSS Modulesを使用して、コンポーネントに特化したCSSファイルをインポートすることです。

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

アプリケーションにCSSを含めるすべての方法については、組み込みCSSサポートのドキュメントを参照してください。