无法将PouchDB导入Angular 5.2.0应用程序

Question

我试图将PouchDB导入我的Angular应用程序。我测试了不同的导入方法：

import PouchDB from 'pouchdb';
import * as PouchDB from 'pouchdb';

我在下面将它用于服务：

database: PouchDB.Database = new PouchDB(DATABASE_URL);

如果我这样做：import PouchDB from 'pouchdb'，我收到以下错误消息：

  

src / app / core / pouchdb / pouchdb.service.ts（3,8）：错误TS1192：模块＆＃39;＆＃34; {PATH_OF_PROJECT} / node_modules / @ types / pouchdb / index＆＃34;＆ ＃39;没有默认导出。

如果我这样做：import * as PouchDB from 'pouchdb'，我收到以下错误消息：

  

错误TypeError：PouchDB不是新PouchDBService的构造函数

以下是不同套餐的版本：

• PouchDB：6.4.3
• @ types / pouchdb：6.3.2
• Angular包：5.2.0
• @ angular / cli：1.7.4

提前感谢您的回答。

Answer 1

在 tsconfig.json 的<{1}}部分添加"allowSyntheticDefaultImports": true

并使用

compilerOptions

Answer 2

我遇到了同样的问题。但我通过将PouchDb cdn添加到我的index.html页面

解决了这个问题

<script src="//cdn.jsdelivr.net/pouchdb/6.4.3/pouchdb.min.js"></script>

然后我在我的代码中使用它之后

declare const  PouchDB;

const _DB_ = new PouchDB('dbname');