【问题标题】:PouchDB relational-pouch and pouchdb-find with Angular5/TypescriptPouchDB 关系袋和 pouchdb-find 与 Angular5/Typescript
【发布时间】:2018-08-03 09:16:44
【问题描述】:

我正在使用 Angular5 项目测试 PouchDB。我想使用这些 pouchdb 插件:

pouchdb-find
relational-pouch

所以我知道如何导入 PouchDB:

import PouchDB from 'pouchdb';

我也知道如何导入 pouchdb-find 并添加到 PouchDB

import PouchDBFind from 'pouchdb-find';
PouchDB.plugin(PouchDBFind);

但接下来我还想添加关系袋插件:

import PouchDBRelational from 'relational-pouch';
PouchDB.plugin(PouchDBRelational);

Typescript 编译器会编译这个,但我的浏览器出现错误:

index-browser.es.js:2780 Uncaught Error: Invalid plugin: got "undefined", expected an object or a function
at Function.PouchDB.plugin (index-browser.es.js:2780)
at eval (pouchdb.service.ts:8)
at Object../src/app/_services/pouchdb.service.ts (main.bundle.js:29)
at __webpack_require__ (inline.bundle.js:55)
at eval (farms.service.ts:2)
at Object../src/app/_services/farms.service.ts (main.bundle.js:21)
at __webpack_require__ (inline.bundle.js:55)
at eval (app.component.ts:1)
at Object../src/app/app.component.ts (main.bundle.js:59)
at __webpack_require__ (inline.bundle.js:55)
PouchDB.plugin @ index-browser.es.js:2780
(anonymous) @ pouchdb.service.ts:8
./src/app/_services/pouchdb.service.ts @ main.bundle.js:29
__webpack_require__ @ inline.bundle.js:55
(anonymous) @ farms.service.ts:2
./src/app/_services/farms.service.ts @ main.bundle.js:21
__webpack_require__ @ inline.bundle.js:55
(anonymous) @ app.component.ts:1
./src/app/app.component.ts @ main.bundle.js:59
__webpack_require__ @ inline.bundle.js:55
(anonymous) @ app.module.ts:1
./src/app/app.module.ts @ main.bundle.js:67
__webpack_require__ @ inline.bundle.js:55
(anonymous) @ main.ts:4
./src/main.ts @ main.bundle.js:215
__webpack_require__ @ inline.bundle.js:55
0 @ main.bundle.js:223
__webpack_require__ @ inline.bundle.js:55
webpackJsonpCallback @ inline.bundle.js:26
(anonymous) @ main.bundle.js:1

我也试过这个:

import PouchDB from 'pouchdb';
import PouchDBFind from 'pouchdb-find';
import PouchDBRelational from 'relational-pouch';
PouchDB.plugin(PouchDBFind , PouchDBRelational);

浏览器中没有错误,但未找到关系袋中的方法:setSchema()。所以我怀疑插件没有加载?

【问题讨论】:

  • 我已将您的解决方案移至社区 wiki 答案。

标签: angular typescript plugins pouchdb


【解决方案1】:

OP 解决方案

import PouchDB from 'pouchdb';
import PouchDBFind from 'pouchdb-find';
PouchDB.plugin(PouchDBFind);
import * as PouchDBRelational from 'relational-pouch';
PouchDB.plugin(PouchDBRelational);

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-12-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-07-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多