2016-12-15 2 views
2

Microsoft Windows Azure AD에 대한 인증을 위해 adal을 구현해야합니다. 나는 angular2 CLI와 angular2-adal을 사용하고 있습니다.angular2 CLI 및 angular2-adal 오류

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 

하지만 몇

문제는 내가 공급자에 AdalService를 추가 할 때이 오류를 준다이다 대답에는 좋은 결과가 없습니다. ADAL-TS를 설치

답변

2

시도는 :

npm install adal-ts --save 

그것은 기본적으로 타이프에서 adal.js의 재 작성합니다.

2

angular2-adal 라이브러리에는 this library ng2-adal에있는 다른 사람을 풀 수있는 오류가 있습니다. 그러면 네 개의 문제 네임 스페이스를 해결해야하며 'adal'을 해결할 수 없습니다.

  1. 네임 스페이스 : 그리고 나는이 방법으로 해결이 typings.d.ts에 ///<reference path="../node_modules/ng2-adal/ts/adal/index.d.ts" />를 추가 할 필요를

  2. 그렇지 않으면 .. 해결 'ADAL' : 당신은 웹팩을 수정해야

    resolve:{ 
         extensions: ['.ts', '.js'], 
         modules: [nodeModules], 
        }, 
    
,369 :이 경로 node_modules/각도-CLI/모델/웹팩 빌드 - commond.js의 파일은, 이런 식으로 뭔가를 찾아

는 당신이를 추가해야합니다

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

내가 angular2 CLI를 사용하는 것을 기억하십시오.

웹 팩에 별칭을 추가하는 더 좋은 방법을 알고있는 사람이 있으면

관련 문제