跳至内容
文档错误无 CSS 标签

无 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 包含到应用程序中的所有方法。