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作为替代方案。

步骤：

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

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

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

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

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

 providers:[LocalStorageService],

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

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

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

1 个答案: