Javascript 我无法配置angular-localstorage4

我已按照以下链接中描述的步骤进行操作：

当我试图从本地存储导入WebStorageModule和LocalStorageService时。虽然编译成功，但我在控制台中遇到以下错误。非常感谢您的帮助

我的app.module.ts文件如下所示：

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { MatButtonModule, MatCheckboxModule, MatSidenavModule } from '@angular/material';
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
import {FormsModule} from '@angular/forms';
import { AppComponent } from './app.component';
import { LoginComponent } from './login.component';
import { AppRoutingModule } from './/app-routing.module';
import { HeaderComponent } from './header/header.component';
import { NavigationComponent } from './navigation/navigation.component';
import {MatSidenav} from '@angular/material/sidenav';
import { MatIconModule } from "@angular/material/icon";
import { DashboardComponent } from './dashboard/dashboard.component';
import { ProfileComponent } from './profile/profile.component';
**import {WebStorageModule, LocalStorageService} from 'angular-localstorage';**
@

NgModule({
      declarations: [
        AppComponent,
        LoginComponent,
        HeaderComponent,
        NavigationComponent,
        DashboardComponent,
        ProfileComponent,
      ],
      imports: [
        BrowserModule,
        MatButtonModule,
        MatSidenavModule,
        MatCheckboxModule,
        FormsModule,
        MatIconModule,
        BrowserAnimationsModule,
        AppRoutingModule,
        **WebStorageModule**   //That is when the problem appears
      ],
      providers: [//LocalStorageService
      ],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

---

您收到此错误，因为没有为LocalStorageService定义模块。请在

index.html

中添加CDN依赖项，并添加

angular.module（'myApp'，['LocalStorageModule'，…]）

此外，如果要修改本地存储的现有配置，则可以在.config中添加“localStorageServiceProvider”，并提供自定义配置。

要在控制器中使用它，只需注入'localStorageService'

angular.module（myApp.controller（'myCtrl'，['localStorageService'，…]）

对于设置值，可以使用

localStorageService.set（key，val）和用于检索使用
var value=localStorageService.get（键）

希望这能对你有所帮助

我们可以使用
LocalStorageService
和
SessionStorageService
ngx网络存储

此
ngx webstorage
库提供了一种使用该服务从应用程序管理web存储（即本地和会话）的简便方法

但是我想建议我们可以像在javascript中一样使用localStorage和sessionStorage，因为我们知道Typescript是javascript的超集。同样，使用这个函数，我们不需要在应用程序中添加额外的库

本地存储

您可以将字符串和数组存储到位置存储器中

要在localStorage中存储数据，我们使用
setItem（）

localStorage.setItem（键、值）

使用数组，我们可以把它写成

let key: 'employee'; 
let value: [{'name':'Elon','email':'elon@spaceX.com'}, 
            {'name':'Elon Musk','email':'elon.m@tesla.com'}];
value = JSON.stringify(value);

localStorage.setItem(key, value);

现在，为了从localStorage获取存储的数据，我们使用
getItem（）

例如

我们还可以使用，
localStorage.removietem（'key'）从localStorage中删除和清除数据
和
localStorage.clear（）分别为

注意：在
ngxwebstorage
中，您将获得不同的函数来存储、读取和清除本地存储以及装饰器的使用。
链接：
尽管我找不到解决问题的有效方法，但我还是找到了一个同样的替代方法。
我没有使用angular localstorage，而是使用了angular async local storage，它为我完成了这项工作

"angular-async-local-storage": "^3.1.1",

请不要只分享你的问题截图，也请重新表述你的问题，以匹配抱歉给你带来的不便@tomichel。事实上，我对Angular2/4非常陌生，因此我不太能够找出问题的根本原因，因此我不确定到底需要分享哪些细节。感谢@Prasanna的回复。我想你已经正确理解了这个问题，但我忘了提到的是我使用的是angular 4。我需要在index.html中添加的依赖关系是否也与angular 4.x相同？概念相同，但用途不同。您可以参考
https://www.npmjs.com/package/angular-localstorage4
这个。它的工作原理类似于响应Amol的charmThanks。我已按照此链接配置localstorage：请指导我是否需要在index.html或其他一些文件中添加任何依赖项？安装此库后，需要导入并将其添加到根模块main.module.ts中。还取决于您的项目结构在project.config文件中添加引用，即在项目中添加包的依赖项。您是说main.ts吗？@sen这些是您可以从project.config执行的配置设置。但这将增加您的项目及其第三方依赖项的大小。由于一些第三方图书馆没有给予支持，请参阅本笔记“此项目未被维护。请考虑接管。”我建议您在项目中使用最少的第三方库依赖项
const emp = localStorage.getItem('employee');

"angular-async-local-storage": "^3.1.1",