找不到Angular4.x模块:错误:无法解析'classlist.js'

时间:2018-02-08 15:16:36

标签: angular typescript angular-cli

当我删除polyfills.ts中的注释部分,以便在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`.

但是如果我们使用角度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

请建议解决方案

4 个答案:

答案 0 :(得分:26)

删除当前包

npm uninstall classlist.js --save

然后运行

npm cache verify

之后运行

npm install classlist.js --save-exact

答案 1 :(得分:5)

您正在导入默认情况下未包含的填充。您必须先将其安装为依赖项。如何做到这一点是在导入它的同一行评论:

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

web-animations-js polyfill也是如此。如果你还没有这样做的话。

答案 2 :(得分:0)

/** 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';

答案 3 :(得分:0)

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

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