我正在使用 nextJs 版本 11.x
当尝试包含如下所示的外部脚本时，执行纱线构建时出现错误。
<Head>
<link rel="stylesheet" type="text/css" href="http://www.externalsite.com/style.css" />
<script src="https://www.websote.com/viewer.min.js"></script>
</Head>
错误 ：
./pages/_app.js
63:17 Error: External synchronous scripts are forbidden. See: https://nextjs.org/docs/messages/no-sync-scripts. @next/next/no-sync-scripts
我正在使用 eslint。
那么，我们如何包含这个外部js呢？
我们有很少的页面和组件作为服务器端渲染。
我们尝试对少数 API 响应使用缓存。
export async function getServerSideProps(context) {
const res = await getRequest(API.home)
return {
props: {
"home": res?.data?.result
},
}
}
Next.js 版本是 11.1。
有人可以建议我们如何实现缓存吗？