angular2 CLI和angular2阿达尔错误

我需要实现阿达尔针对微软的Windows Azure AD身份验证。我正在使用angular2 CLI和angular2-adal。angular2 CLI和angular2阿达尔错误

的问题是，当我AdalService添加到供应商给出了这样的错误：

Uncaught Error: Cannot find module "adal" 
at webpackMissingModule (adal.service.js:20) 
at Object.<anonymous> (adal.service.js:20) 
at __webpack_require__ (bootstrap dd353fe…:52) 
at Object.<anonymous> (services.js:8) 
at __webpack_require__ (bootstrap dd353fe…:52) 
at Object.<anonymous> (core.js:12) 
at __webpack_require__ (bootstrap dd353fe…:52) 
at Object.638 (create-users.component.ts:15) 
at __webpack_require__ (bootstrap dd353fe…:52) 
at Object.647 (header.component.ts:47)

这一个：

client?93b6:80./~/angular2-adal/services/adal.service.js 
Module not found: Error: Can't resolve 'adal' in 'D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\node_modules\angular2-adal\services' 
resolve 'adal' in 'D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\node_modules\angular2-adal\services' 
    Parsed request is a module 
    using description file: D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\node_modules\angular2-adal\package.json (relative path: ./services) 
    Field 'browser' doesn't contain a valid alias configuration 
    after using description file: D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\node_modules\angular2-adal\package.json (relative path: ./services) 
    resolve as module 
     looking for modules in D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\src 
     using description file: D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\package.json (relative path: ./src) 
      Field 'browser' doesn't contain a valid alias configuration 
     after using description file: D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\package.json (relative path: ./src) 
      using description file: D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\package.json (relative path: ./src/adal) 
      as directory 
       D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\src\adal doesn't exist 
      no extension 
       Field 'browser' doesn't contain a valid alias configuration 
       D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\src\adal doesn't exist 
      .ts 
       Field 'browser' doesn't contain a valid alias configuration 
       D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\src\adal.ts doesn't exist 
      .js 
       Field 'browser' doesn't contain a valid alias configuration 
       D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\src\adal.js doesn't exist 
     looking for modules in D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\node_modules 
     using description file: D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\package.json (relative path: ./node_modules) 
      Field 'browser' doesn't contain a valid alias configuration 
     after using description file: D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\package.json (relative path: ./node_modules) 
      using description file: D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\package.json (relative path: ./node_modules/adal) 
      as directory 
       D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\node_modules\adal doesn't exist 
      no extension 
       Field 'browser' doesn't contain a valid alias configuration 
       D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\node_modules\adal doesn't exist 
      .ts 
       Field 'browser' doesn't contain a valid alias configuration 
       D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\node_modules\adal.ts doesn't exist 
      .js 
       Field 'browser' doesn't contain a valid alias configuration 
       D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\node_modules\adal.js doesn't exist 
[D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\src\adal] 
[D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\src\adal] 
[D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\src\adal.ts] 
[D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\src\adal.js] 
[D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\node_modules\adal] 
[D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\node_modules\adal] 
[D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\node_modules\adal.ts] 
[D:\Git\SistecreditoTutoriales\SistecreditoTutoriales\src\TutorialesWeb\node_modules\adal.js] 

@ ./~/angular2-adal/services/adal.service.js 20:14-29 
@ ./~/angular2-adal/services.js 
@ ./~/angular2-adal/core.js 
@ ./src/app/app.module.ts 
@ ./src/app/index.ts 
@ ./src/main.ts 
@ multi main

我一直在寻找可能的解决办法，但很少答案没有好结果。

来源

2016-12-15 Mauro

尝试安装阿达尔-TS：

npm install adal-ts --save

它基本上是在打字稿adal.js的重写。

来源

2016-12-28 09:45:47

原来，图书馆angular2阿达尔有解决this library ng2-adal其他人的错误。然后你需要解决2个问题的命名空间，不能解决'adal'。我解决了它这种方式：

命名空间：你需要在typings.d.ts添加///<reference path="../node_modules/ng2-adal/ts/adal/index.d.ts" />
不容解析 '阿达尔'：您需要修改的WebPack在这条线路node_modules /角CLI /模型/的WebPack，累积commond.js文件，看看这样的事情：
```
resolve:{ 
     extensions: ['.ts', '.js'], 
     modules: [nodeModules], 
    }, 
```

，您需要添加：

alias: { 'adal': 'adal-angular' }

请记住，我使用的是angular2 CLI。

如果有人知道更好的方法来添加别名到webpack请让我知道

来源

2016-12-29 13:29:30 Mauro

angular2 CLI和angular2阿达尔错误

回答

相关问题