angular - 无法将 localforage 导入 Injectable 服务

Question

我正在尝试在localforage我的 Angular 4 项目中使用库。

我已经完成了：

npm install localforage --save

这是我的可注射服务

import {Injectable} from "@angular/core";
import {localForage} from "localforage";

constructor(){}

    setAccessToken(aToken:string){
        localForage.setItem('accessToken', aToken)
    }

    getAccessToken(){
        return localForage.getItem('accessToken')
    }

这个回报儿子npm start：

error TS2305: Module '"localforage"' has no exported member 'localForage'.

会做错什么？

Answer 1

您的导入应如下所示：

import * as localForage from  "localforage";

Answer 2

引用自localForage github 自述文件。

打字稿

如果您在 tsconfig.json 中将 allowSyntheticDefaultImports 编译器选项设置为 true（在 TypeScript v1.8+ 中受支持），则应使用：

import localForage from "localforage";

否则，您应该使用以下方法之一：

import * as localForage from "localforage";
// or, in case that the typescript version that you are using
// doesn't support ES6 style imports for UMD modules like localForage
import localForage = require("localforage");