在WebStorm中安装angular2-localstorage会出现关于＆＃34; typings install＆＃34;

Question

我正在使用Windows和WebStorm。尝试使用angular2-localstorage安装npm install 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! angular2-localstorage@0.4.0 postinstall: `typings install`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the angular2-localstorage@0.4.0 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

任何帮助表示感谢。

Answer 1

由于节点模块angular2-localstorage未得到正确维护，我建议使用angular-2-local-storage node_module作为替代方案。

步骤：

1. 安装npm install angular-2-local-storage
2. 确保将包添加到config.js（systemjs或webpack）
中

3. 导入模块和服务，如下所示

   import { LocalStorageModule,LocalStorageService} from 'angular-2-local-storage';
   

4. 将模块添加到导入数组并将服务添加到providers数组中

    imports: [ BrowserModule,
      LocalStorageModule.withConfig({storageType: 'localStorage'}), ],
   
    providers:[LocalStorageService],
   

5. 将服务作为依赖项注入组件，如下所示

   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