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

无 CSS 标签

禁止手动 stylesheet 标签。

此错误发生的原因

使用了 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 引入应用程序的所有方式。