小编bub*_*ser的帖子

从版本 10 开始，Next.js 带有内置Image组件，该组件提供图像优化和响应式调整图像大小的功能。我非常喜欢它，并且一直在我的网站上使用它来处理固定大小的图像。根据官方文档， width 和 height 是必需的道具，除非是 for layout=fill.

现在，Image即使我不知道宽度和高度，我也想使用组件。我有来自 CMS 的博客资源，其中图像的确切大小未知。在这种情况下，有什么办法可以使用Image组件吗？

任何帮助，将不胜感激。

我正在按照本教程将 Strapi 应用程序部署到 Heroku。

我已设置从我的 Github 存储库自动部署。

推送到 Github 后，我收到构建失败的通知，并显示以下消息。

构建日志

-----> Building on the Heroku-20 stack
-----> Node.js app detected
       
-----> Creating runtime environment
       
       NPM_CONFIG_LOGLEVEL=error
       NODE_VERBOSE=false
       NODE_ENV=production
       NODE_MODULES_CACHE=true
       
-----> Installing binaries
       engines.node (package.json):  >=10.16.0 <=14.x.x
       engines.npm (package.json):   >=6.0.0
       
       Resolving node version >=10.16.0 <=14.x.x...
       Downloading and installing node 14.15.4...
       Bootstrapping npm >=6.0.0 (replacing 6.14.10)...
       npm >=6.0.0 installed
       
-----> Installing dependencies
       Installing node modules (package.json)
       npm ERR! code ERESOLVE
       npm ERR! ERESOLVE unable to resolve dependency tree
       npm ERR! …

我的 Next.js 应用程序无法在 IE 上运行。

它显示空白屏幕并在控制台上抛出语法错误。

这没关系，因为 IE 即将停止使用，但我想阻止 IE 在检测到浏览器时执行单行代码。

从这个答案，我可以检查浏览器是否是IE：

if (window.document.documentMode) {
  // IE detected

  document.write('IE is not supported. Please use a modern browser!')
}

用户不会看到空白屏幕，而是会看到为什么该网站无法使用上述消息。

这种方法有两个问题：

1. 将上面的代码放在 Next.js 中的什么位置？
2. 如何在执行代码时终止应用程序，或者这可能吗？

任何帮助，将不胜感激。