無法將localforage導入到Injectable服務

Question

我正在嘗試將localforage庫導入到我的Angular 4項目中。

我已經做了：

NPM安裝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

你的進口應該是這樣的：從localForagegithub readme

import * as localForage from "localforage"; 

Answer 2

報價。

打字稿

如果你在你的tsconfig.json設置爲true allowSyntheticDefaultImports編譯器選項（在打字稿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");