2016-12-15 10 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) 

とこの1::私は可能な解決策を探してきた

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を追加するときは、このエラーを与えることです答えには良い結果はありません。

答えて

2

はアダル-TSをインストールしてみてください:

npm install adal-ts --save 

これは、基本的にはtypescriptですにおけるadal.jsの書き直したものです。

2

ライブラリangular2-adalには、他の男性を解決するエラーがthis library ng2-adalであることが分かります。次に、2つの問題の名前空間を解決する必要があり、 'adal'を解決できません。そして、私はそれをこのように解決:

  1. 名前空間:あなたはWebPACKのを修正する必要があります:あなたはtypings.d.tsで///<reference path="../node_modules/ng2-adal/ts/adal/index.d.ts" />

  2. Can't決意 'アダル'を追加する必要がありますが

    resolve:{ 
         extensions: ['.ts', '.js'], 
         modules: [nodeModules], 
        }, 
    
:このルートnode_modules /角度-CLI /モデル/ WebPACKの-ビルドcommond.js内のファイルは、このような何かを探してください

とあなたはこれを追加する必要があります。

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

は私がangular2 CLIを使用することを忘れないでください。

ウェブパックにエイリアスを追加する方法がわかっている方は教えてください

関連する問題