Nuxt 部署和 IE 11答案

【问题标题】：Nuxt deployment and IE 11Nuxt 部署和 IE 11
【发布时间】：2020-12-18 15:02:19
【问题描述】：

我正在着手我的第一个 Nuxt 部署，即大型内部应用程序。而且我想支持 IE 11，至少在一段时间内。但是，当我生成部署文件并尝试使用 IE 访问暂存站点时，我立即收到来自生成的 js 文件之一的语法错误。

这是一个细节的开始：

Vue 2.6.12
Nuxt 2.14.6
Vuetify 2.3.2

适用于 axios、auth 和其他一些插件的 Nuxt 插件。

应用程序部署到 IIS，使用 nuxt 生成并将 dist 目录复制到服务器。我尝试过使用带有和不带有现代 -m 标志的生成命令。除了通过 IIS（客户端规范）之外，没有其他部署的可能性，而且我不想在那里运行 Node，因为静态部署应该可以工作。

我在 Mac 上开发，因此没有实用的方法来通过 IE 运行和访问开发版本。

该应用程序在现代浏览器上正常运行，但在 IE 中立即引发语法错误。

我的理解是在生成过程中会转译一个兼容 IE 的版本，但显然我错过了一些东西。

正如我所说，这是我的第一次 Vue/Nuxt 部署，因此我们将不胜感激。我很乐意提供任何进一步的细节。

在此先感谢您提供有关如何解决此问题/如何解决此问题的任何建议。

【问题讨论】：

【解决方案1】：

请按照以下步骤操作

检查语法错误是否是由于任何依赖引起的。使用 vue-calendar 插件时遇到语法错误。这个插件IE11有问题
尝试将pollyfill.io 添加到您的应用程序中。在您的nuxt.config.js 中尝试在head 中添加

script: [{ src: 'https://cdn.polyfill.io/v2/polyfill.min.js' }]
如果添加到nuxt.config.js 不起作用，请尝试将代码添加到您的app.html 文件中

【讨论】：

非常感谢您的回复。至于依赖关系，我很清楚问题可能存在。但是我有许多外部依赖项，我不知道有什么方法可以找出可能是问题而不将它们一一删除，这将比我目前花费更多的时间。如果您对测试依赖项的更简单方法有想法，请告诉我。我会尝试polyfill。希望这会有所作为。再次感谢。