コンテンツにスキップ

CSSタグなし

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

このエラーが発生した理由

link要素が外部スタイルシートへのリンクに使用されました。これにより、Webページでの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サポートのドキュメントを参照してください。