Angular 6 在 IE11 中不起作用并抛出 SCRIPT1002：语法错误 vendor.js答案

【问题标题】：Angular 6 not working in IE11 and throw SCRIPT1002: Syntax error vendor.jsAngular 6 在 IE11 中不起作用并抛出 SCRIPT1002：语法错误 vendor.js
【发布时间】：2019-01-06 12:21:40
【问题描述】：

我正在使用 .netCore webapi 应用程序运行 Angular 6，并尝试在 IE11 中加载它并抛出错误： “SCRIPT1002：语法错误” “供应商.js”

并显示一个空白页。

在 chrome 和 edge 中它工作正常

我已经尝试取消注释 polyfills，寻找在 IE 中构建不好的包，尝试升级我的 angular cli。并添加 <meta http-equiv="X-UA-Compatible" content="IE=edge" > 在 index.html 中

这是 package.json：

    "name": "stars",
"version": "1.0.0",
"scripts": {
    "start": "node cli dev",
    "dev": "node cli dev",
    "prod": "node cli prod",
    "backend": "node cli runBackend",
    "client": "node cli runClient"
},
"private": true,
"dependencies": {
    "@angular/animations": "^6.1.10",
    "@angular/cdk": "^6.4.7",
    "@angular/common": "^6.1.0",
    "@angular/compiler": "^6.1.0",
    "@angular/core": "^6.1.0",
    "@angular/forms": "^6.1.0",
    "@angular/http": "^6.1.0",
    "@angular/material": "^6.4.7",
    "@angular/platform-browser": "^6.1.0",
    "@angular/platform-browser-dynamic": "^6.1.0",
    "@angular/router": "^6.1.0",
    "@types/express": "^4.16.0",
    "aos": "^2.3.4",
    "build-utils": "^1.0.120",
    "classlist.js": "^1.1.20150312",
    "colors": "^1.3.1",
    "complog": "2.0.3",
    "compression": "^1.7.3",
    "core-js": "^2.5.4",
    "express": "^4.16.3",
    "express-handlebars": "^3.0.0",
    "hammerjs": "^2.0.8",
    "install": "^0.12.2",
    "into-stream": "^3.1.0",
    "jsonwebtoken": "^8.3.0",
    "ngx-page-scroll": "^5.0.0",
    "nodemon": "^1.18.3",
    "npm": "^6.5.0",
    "object.values": "1.0.4",
    "opener": "^1.4.3",
    "request": "^2.88.0",
    "request-promise-native": "^1.0.5",
    "rxjs": "^6.0.0",
    "rxjs-compat": "^6.2.2",
    "script-loader": "^0.7.2",
    "swiper": "^4.4.2",
    "t-rex": "^2.10.4",
    "web-animations-js": "^2.3.1",
    "winston": "^3.0.0-rc1",
    "zone.js": "~0.8.26"
},
"devDependencies": {
    "@angular-devkit/build-angular": "~0.7.0",
    "@angular/cli": "^7.1.4",
    "@angular/compiler-cli": "^6.1.0",
    "@angular/language-service": "^6.1.0",
    "@types/jasmine": "2.8.3",
    "@types/jasminewd2": "~2.0.3",
    "@types/node": "^10.7.1",
    "codelyzer": "~4.2.1",
    "jasmine-core": "~2.99.1",
    "jasmine-spec-reporter": "~4.2.1",
    "karma": "^3.1.4",
    "karma-chrome-launcher": "~2.2.0",
    "karma-coverage-istanbul-reporter": "~2.0.0",
    "karma-jasmine": "~1.1.1",
    "karma-jasmine-html-reporter": "^0.2.2",
    "protractor": "~5.3.0",
    "ts-node": "~5.0.1",
    "tslint": "~5.9.1",
    "typescript": "~2.7.2"
}

我希望该项目将在 IE11 及以下版本中运行，但实际结果并非如此。

【问题讨论】：

该错误会将您指向vendor.js 代码中的确切位置。检查错误行并搜索该错误语句的 polyfill。很多时候，我们需要新的 polyfill 来在 IE11 中渲染角度。
它指向 dom7 ，我认为 dom7 与 swiper 相关
你能发布确切的错误行吗？这可能会对您有所帮助：github.com/nolimits4web/swiper/issues/2282
当我移除 swiper 时，它解决了 mt 问题。现在我必须弄清楚如何使用 swiper :) 谢谢
@B.k 发现了什么？

标签： angular angular6

【解决方案1】：

发生这种情况是因为 swiper。 swiper.js 使用 Dom7，而 dom 7 导致问题所以很喜欢这样使用 swiper：

import Swiper from 'swiper'

我是这样使用的：

import Swiper from '../../../../node_modules/swiper/dist/js/swiper.js';

我希望它有帮助。

【讨论】：