当npm start时出现ASP.NET Boilerplate Angular Project错误

我使用基于.Net Core和Angular的ASP.NET Boilerplate Framework。我遵循的步骤在this page一步指令，但是当我运行故宫开始我收到以下错误信息：当npm start时出现ASP.NET Boilerplate Angular Project错误

ERROR in ./src/polyfills.ts 
Module not found: Error: Can't resolve 'web-animations-js' in'D:\Project_Net\MyProjSPA\angular\src' 
resolve 'web-animations-js' in 'D:\Project_Net\MyProjSPA\angular\src' 
    Parsed request is a module 
    using description file: D:\Project_Net\MyProjSPA\angular\package.json (relative path: ./src) 
    Field 'browser' doesn't contain a valid alias configuration 
    after using description file: D:\Project_Net\MyProjSPA\angular\package.json (relative path: ./src) 
    resolve as module 
     D:\Project_Net\MyProjSPA\angular\src\node_modules doesn't exist or is not a directory 
     D:\Project_Net\MyProjSPA\node_modules doesn't exist or is not a directory 
     D:\Project_Net\node_modules doesn't exist or is not a directory 
     looking for modules in D:\Project_Net\MyProjSPA\angular\node_modules 
     using description file: D:\Project_Net\MyProjSPA\angular\package.json (relative path: ./node_modules) 
      Field 'browser' doesn't contain a valid alias configuration 
     after using description file: D:\Project_Net\MyProjSPA\angular\package.json (relative path: ./node_modules) 
      using description file: D:\Project_Net\MyProjSPA\angular\package.json (relative path: ./node_modules/web-animations-js) 
      no extension 
       Field 'browser' doesn't contain a valid alias configuration 
       D:\Project_Net\MyProjSPA\angular\node_modules\web-animations-js doesn't exist 
      .ts 
       Field 'browser' doesn't contain a valid alias configuration 
       D:\Project_Net\MyProjSPA\angular\node_modules\web-animations-js.ts doesn't exist 
      .js 
       Field 'browser' doesn't contain a valid alias configuration 
       D:\Project_Net\MyProjSPA\angular\node_modules\web-animations-js.js doesn't exist 
      as directory 
       D:\Project_Net\MyProjSPA\angular\node_modules\web-animations-js doesn't exist 
     looking for modules in D:\node_modules 
     No description file found 
     Field 'browser' doesn't contain a valid alias configuration 
     No description file found 
     no extension 
      Field 'browser' doesn't contain a valid alias configuration 
      D:\node_modules\web-animations-js doesn't exist 
     .ts 
      Field 'browser' doesn't contain a valid alias configuration 
      D:\node_modules\web-animations-js.ts doesn't exist 
     .js 
      Field 'browser' doesn't contain a valid alias configuration 
      D:\node_modules\web-animations-js.js doesn't exist 
     as directory 
      D:\node_modules\web-animations-js doesn't exist 
     looking for modules in D:\Project_Net\MyProjSPA\angular\node_modules 
     using description file: D:\Project_Net\MyProjSPA\angular\package.json (relative path: ./node_modules) 
      Field 'browser' doesn't contain a valid alias configuration 
     after using description file: D:\Project_Net\MyProjSPA\angular\package.json (relative path: ./node_modules) 
      using description file: D:\Project_Net\MyProjSPA\angular\package.json (relative path: ./node_modules/web-animations-js) 
      no extension 
       Field 'browser' doesn't contain a valid alias configuration 
       D:\Project_Net\MyProjSPA\angular\node_modules\web-animations-js doesn't exist 
      .ts 
       Field 'browser' doesn't contain a valid alias configuration 
       D:\Project_Net\MyProjSPA\angular\node_modules\web-animations-js.ts doesn't exist 
      .js 
       Field 'browser' doesn't contain a valid alias configuration 
       D:\Project_Net\MyProjSPA\angular\node_modules\web-animations-js.js doesn't exist 
      as directory 
       D:\Project_Net\MyProjSPA\angular\node_modules\web-animations-js doesn't exist 
     looking for modules in D:\Project_Net\MyProjSPA\angular\src 
     using description file: D:\Project_Net\MyProjSPA\angular\package.json (relative path: ./src) 
      Field 'browser' doesn't contain a valid alias configuration 
     after using description file: D:\Project_Net\MyProjSPA\angular\package.json (relative path: ./src) 
      using description file: D:\Project_Net\MyProjSPA\angular\package.json (relative path: ./src/web-animations-js) 
      no extension 
       Field 'browser' doesn't contain a valid alias configuration 
       D:\Project_Net\MyProjSPA\angular\src\web-animations-js doesn't exist 
      .ts 
       Field 'browser' doesn't contain a valid alias configuration 
       D:\Project_Net\MyProjSPA\angular\src\web-animations-js.ts doesn't exist 
      .js 
       Field 'browser' doesn't contain a valid alias configuration 
       D:\Project_Net\MyProjSPA\angular\src\web-animations-js.js doesn't exist 
      as directory 
       D:\Project_Net\MyProjSPA\angular\src\web-animations-js doesn't exist 
     looking for modules in D:\Project_Net\MyProjSPA\angular\src 
     using description file: D:\Project_Net\MyProjSPA\angular\package.json (relative path: ./src) 
      Field 'browser' doesn't contain a valid alias configuration 
     after using description file: D:\Project_Net\MyProjSPA\angular\package.json (relative path: ./src) 
      using description file: D:\Project_Net\MyProjSPA\angular\package.json (relative path: ./src/web-animations-js) 
      no extension 
       Field 'browser' doesn't contain a valid alias configuration 
       D:\Project_Net\MyProjSPA\angular\src\web-animations-js doesn't exist 
      .ts 
       Field 'browser' doesn't contain a valid alias configuration 
       D:\Project_Net\MyProjSPA\angular\src\web-animations-js.ts doesn't exist 
      .js 
       Field 'browser' doesn't contain a valid alias configuration 
       D:\Project_Net\MyProjSPA\angular\src\web-animations-js.js doesn't exist 
      as directory 
       D:\Project_Net\MyProjSPA\angular\src\web-animations-js doesn't exist 
[D:\Project_Net\MyProjSPA\angular\src\node_modules] 
[D:\Project_Net\MyProjSPA\node_modules] 
[D:\Project_Net\node_modules] 
[D:\node_modules\package.json] 
[D:\node_modules\web-animations-js\package.json] 
[D:\Project_Net\MyProjSPA\angular\node_modules\web-animations-js] 
[D:\node_modules\web-animations-js] 
[D:\Project_Net\MyProjSPA\angular\node_modules\web-animations-js.ts] 
[D:\node_modules\web-animations-js.ts] 
[D:\Project_Net\MyProjSPA\angular\node_modules\web-animations-js.js] 
[D:\node_modules\web-animations-js.js] 
[D:\Project_Net\MyProjSPA\angular\node_modules\web-animations-js] 
[D:\node_modules\web-animations-js] 
[D:\Project_Net\MyProjSPA\angular\node_modules\web-animations-js] 
[D:\Project_Net\MyProjSPA\angular\node_modules\web-animations-js.ts] 
[D:\Project_Net\MyProjSPA\angular\node_modules\web-animations-js.js] 
[D:\Project_Net\MyProjSPA\angular\node_modules\web-animations-js] 
[D:\Project_Net\MyProjSPA\angular\src\web-animations-js] 
[D:\Project_Net\MyProjSPA\angular\src\web-animations-js.ts] 
[D:\Project_Net\MyProjSPA\angular\src\web-animations-js.js] 
[D:\Project_Net\MyProjSPA\angular\src\web-animations-js] 
[D:\Project_Net\MyProjSPA\angular\src\web-animations-js] 
[D:\Project_Net\MyProjSPA\angular\src\web-animations-js.ts] 
[D:\Project_Net\MyProjSPA\angular\src\web-animations-js.js] 
[D:\Project_Net\MyProjSPA\angular\src\web-animations-js] 
@ ./src/polyfills.ts 36:0-27 
@ multi ./src/polyfills.ts

这里是我的框架版本：

npm -v // 3.10.10 
node -v // 6.11.3 
tsc -v //2.5.3 
ng -v // @angular/core 4.4.4 
angular-cli version in `package.json` : //@angular/cli": "^1.3.2"

我认为这是关系到角版本或打字稿版本。我对吗？我该怎么做才能解决这个问题？

来源

2017-10-09 mohammad

在angular/package.json补充一点：

"web-animations-js": "^2.3.1"

取消注释这angular/src/polyfills.ts：

import 'web-animations-js';

来源

2017-10-09 12:41:28 aaron

我有'polyfills.ts'一个'IE'两个'网络动画，js'，另一个用于'Firefox'。我取消了Firefox的web-animations-js的注释，但我仍然有同样的错误。但是当我运行'npm install --save web-animations-js'然后'nmp-install'时，项目成功编译了。可以更多地解释这一点 – mohammad

这个问题已被固定在V3.2版本。获取最新版本。

https://github.com/aspnetboilerplate/module-zero-core-template/pull/122

https://github.com/aspnetboilerplate/module-zero-core-template/releases/tag/v3.2

来源

2017-10-11 06:37:21

当npm start时出现ASP.NET Boilerplate Angular Project错误

回答

相关问题