如何在您现有的REACT网站上集成AMP（加速移动页面）？

Question

我目前正在开发一个用React.js编写的PWA应用程序，我正在使用VScode编辑器。我已经阅读了AMP文档，其中编写了使用AMP等效AMP媒体标记替换HTML媒体标记。但是当我用sequences = tokenizer.texts_to_sequences(['this is random car text']) data = pad_sequences(sequences, maxlen=MAX_SEQUENCE_LENGTH) model.predict(np.array(data)) 替换<img src="" alt="" />时，我的vscode编辑器会自动将其更正为<amp-img src="" alt="" ></amp-img>，这导致

  

状态：AMP验证失败

在网络视图中，由于此问题，我的图片无法显示。

请帮忙。

Answer 1

除了@Bachcha Singh的评论之外，您可能需要查看此link以验证AMP网页。此外，您不能仅仅通过更换少量标签将您的网站转换为AMP。您的网站必须遵循AMP HTML specification。检查此thread。您还可以查看tutorial有关如何组合AMP和PWA的信息。