找不到 Angular4.x 模块：错误：无法解析“classlist.js”答案

【问题标题】：Angular4.x Module not found: Error: Can't resolve 'classlist.js'找不到 Angular4.x 模块：错误：无法解析“classlist.js”
【发布时间】：2018-07-19 05:16:20
【问题描述】：

当我删除 polyfills.ts 中的注释部分以便 polyfill 在 Internet Explorer 中加载页面时

/** IE9, IE10 and IE11 requires all of the following polyfills. **/
 import 'core-js/es6/symbol';
 import 'core-js/es6/object';
 import 'core-js/es6/function';
 import 'core-js/es6/parse-int';
 import 'core-js/es6/parse-float';
 import 'core-js/es6/number';
 import 'core-js/es6/math';
 import 'core-js/es6/string';
 import 'core-js/es6/date';
 import 'core-js/es6/array';
 import 'core-js/es6/regexp';
 import 'core-js/es6/map';
 import 'core-js/es6/weak-map';
 import 'core-js/es6/set';
 import 'reflect-metadata';
/** IE10 and IE11 requires the following for NgClass support on SVG elements */
 import 'classlist.js';  // Run `npm install --save classlist.js`.

/** Evergreen browsers require these. **/
import 'core-js/es6/reflect';
import 'core-js/es7/reflect';


/**
 * Required to support Web Animations `@angular/animation`.
 * Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
 **/
 import 'web-animations-js';  // Run `npm install --save web-animations-js`.

但是如果我们确实使用 angular cli 构建。它在控制台中引发错误我确实在项目“npm install --save classlist.js”中运行了这个命令

Module not found: Error: Can't resolve 'classlist.js' in src
 @ ./src/polyfills.ts 36:0-22
 @ multi ./src/polyfills.ts

请提出解决方案

【问题讨论】：

标签： angular typescript angular-cli

【解决方案1】：

您正在导入默认情况下不包含的 polyfill。您必须先将其安装为依赖项。如何做到这一点是在导入它的同一行的注释中：

// Run `npm install --save classlist.js`.

如果您还没有这样做，web-animations-js polyfill 也是如此。

【讨论】：

我做了两个命令。但它仍然无法正常工作。如果我注释行 classlist.js，构建不会失败

【解决方案2】：

删除当前包，

npm uninstall classlist.js --save

然后运行

npm cache verify

然后运行

npm install classlist.js --save-exact

【讨论】：

试过了，可惜没有成功

【解决方案3】：

/** IE9, IE10 and IE11 requires all of the following polyfills. **/
         import 'core-js/es6/symbol';
         import 'core-js/es6/object';
         import 'core-js/es6/function';
         import 'core-js/es6/parse-int';
         import 'core-js/es6/parse-float';
         import 'core-js/es6/number';
         import 'core-js/es6/math';
         import 'core-js/es6/string';
         import 'core-js/es6/date';
         import 'core-js/es6/array';
         import 'core-js/es6/regexp';
         import 'core-js/es6/map';
         import 'core-js/es6/weak-map';
         import 'core-js/es6/set';

【讨论】：

【解决方案4】：

在终端/命令提示符下运行以下命令：

npm install --save classlist.js
npm install --save web-animations-js

【讨论】：