AMP验证器错误

Question

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

1. 标记"style amp custom"中的CSS语法错误-在规则"@import"中无效
2. 标记"style amp custom"中的CSS语法错误-在规则"@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