2017-03-05 4 views
0

私はWindowsとWebStormを使用しています。 angular2-localstoragenpm install angular2-localstorageとインストールしようとしましたが、エラーが発生しました。WebStormにangular2-localstorageをインストールすると、「タイピングのインストール」に関するエラーが発生します

angular2-localstorageプロジェクトは維持されていないため、ここに投稿しています。

https://github.com/marcj/angular2-localStorage

エラーの詳細:

npm ERR! Windows_NT 10.0.14393 
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" "angular2-localstorage" 
npm ERR! node v6.10.0 
npm ERR! npm v3.10.10 
npm ERR! code ELIFECYCLE 

npm ERR! [email protected] postinstall: `typings install` 
npm ERR! Exit status 1 
npm ERR! 
npm ERR! Failed at the [email protected] postinstall script 'typings install'. 
npm ERR! Make sure you have the latest version of node.js and npm installed. 
npm ERR! If you do, this is most likely a problem with the angular2-localstorage package, 
npm ERR! not with npm itself. 
npm ERR! Tell the author that this fails on your system: 
npm ERR!  typings install 
npm ERR! You can get information on how to open an issue for this project with: 
npm ERR!  npm bugs angular2-localstorage 
npm ERR! Or if that isn't available, you can get their info via: 
npm ERR!  npm owner ls angular2-localstorage 
npm ERR! There is likely additional logging output above. 

npm ERR! Please include the following file with any support request: 
npm ERR!  C:\Users\***\WebstormProjects\ReusGooRoo2\npm-debug.log 

ログファイルの内容:すべてのヘルプは感謝http://pastebin.com/njG9XMgK

+0

の下にあなたがグローバルインストールタイピングを持っていなかったとして、コンポーネントに依存関係としてサービスを注入? – Pengyy

答えて

0

ノードモジュールangular2-localstorageが正しく管理されていないため、代替としてangular-2-local-storage node_moduleをお勧めします。

ステップ:

  1. パッケージがあるconfig.js(systemjsまたはWebPACKの)に追加されていることを確認してくださいnpm install angular-2-local-storage
  2. をインストール
  3. インポート

    import { LocalStorageModule,LocalStorageService} from 'angular-2-local-storage'; 
    
  4. 以下のようにモジュールとサービス
  5. 配列とサービスをプロバイダー配列にインポートするモジュールを追加します。

    imports: [ BrowserModule, 
        LocalStorageModule.withConfig({storageType: 'localStorage'}), ], 
    
    providers:[LocalStorageService], 
    
  6. constructor(private localStorageService: LocalStorageService) { 
         this.name = 'Angular-2-Local-Storage-Demo'; 
         this.localStorageService.add('a',this.user); 
         console.log(this.localStorageService.get('a')); 
         this.valuFromLocalStorage= this.localStorageService.get('a') 
    } 
    

LIVE DEMO

関連する問題