angular - 尝试在 nativescript-angular 移动应用程序中使用 ngrx-store-localstorage 会导致“未定义本地存储”

Question

ReferenceError: localStorage 未定义

文件：“finle:///data/data/org.nativescript/dist/index.js。第 104 行，第 40 列

StackTrace：框架：函数：'exports.localStorageSync'，文件：'file:///data/data/org.nativescript.MyApp/files/app/tns_modules/ngrx-store-localstorage/dist/index.js'，行:104,column:41 Frame: finction:",file:'file:///data/data/org.nativescript.MyApp/files/app/core/store/index.js',line:19,column:69

是必须使用https://www.npmjs.com/package/nativescript-localstorage 还是我们可以使用https://github.com/natural-apptitude/ngrx-store-ionic-storage 或 ngrx-store-localstorage

Answer 1

NativeScript 没有 LocalStorage。您必须安装垫片。

tns plugin add nativescript-localstorage

然后在app.module.ts你初始化ngrx之前的顶部：

import 'nativescript-localstorage';

这应该允许 ngrx-store-localstorage 工作。

阅读文档： https ://github.com/NathanaelA/nativescript-localstorage

Answer 2

你必须做三个步骤

1 安装插件

tns plugin add nativescript-localstorage

2 将其导入 app.module.ts

import 'nativescript-localstorage';

3 在对应的组件中使用

import { Component, OnInit } from "@angular/core";
import { DataService, IDataItem } from "../core/data.service";
require( "nativescript-localstorage" );
@Component({
....
})

 export class HomeComponent implements OnInit {
 ......
}