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サポートのドキュメントを参照してください。
これは役立ちましたか?