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

无 CSS 标签

防止手动样式表标签。

为何出现此错误

使用了 link 元素来链接到外部样式表。这可能会对您网页上的 CSS 资源加载产生负面影响。

可能的修复方法

有多种方法可以使用 Next.js 内置的 CSS 支持来包含样式，包括在 pages/_app.js 中导入的根样式表中使用 @import 选项。

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

另一种选择是使用 CSS Modules 导入 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 包含到应用程序中的所有方法。