AMP 验证器错误

Question

我是 next/amp 的新手，我将 amp 与 nextjs 一起使用，在开发模式下，amp 验证器抛出错误，我无法理解。以下是抛出的错误：

1. CSS 标记 'style amp-custom' 中的语法错误 - 在规则“@import”
处看到无效
2. CSS 标记 'style amp-custom' 中的语法错误 - 在规则“@charset”
处看到无效

Answer 1

是的。 AMP 具有某些 CSS 代码要求。您的 CSS 代码可能包含如下内容：

<style amp-custom>
  @charset "UTF-8";
  @import 'custom.css';
</style>

只需删除以下代码：<style amp-custom></style>

阅读官方文档：https://amp.dev/documentation/guides-and-tutorials/develop/style_and_layout/style_pages/?format=websites