Question

当我尝试运行与Dexie相关的代码时出现此错误。

Unhandled Promise rejection: ReferenceError: require is not defined
        at eval (http://localhost:3001/vendor/traceur/dist/commonjs/traceur.js:5:92)
    Evaluating http://localhost:3001/vendor/traceur/dist/commonjs/traceur.js
    Error loading http://localhost:3001/vendor/traceur/dist/commonjs/traceur.js
    Error loading http://localhost:3001/vendor/dexie/dist/dexie.js as "dexie" from http://localhost:3001/app/pages/portal/portal.js ; Zone: <root> ; Task: Promise.then ; Value: Error: ReferenceError: require is not defined(…)

仅仅通过声明数据库，我已经遇到了上述错误。

// Declare Database 

class FriendDatabase extends Dexie {
    friends: Dexie.Table<IFriend,number>;   

    constructor() {
        super("FriendDatabase");
        this.version(1).stores({
            friends: "++id,name,age"
        });
    }
}

我添加Dexie的常规方法是在systemjs.config.js中（在我的例子中我使用了Typescipt）

/** Map relative paths to URLs. */
const map: any = {
  'dexie': 'vendor/dexie/dist',
  'traceur': 'vendor/traceur/dist/commonjs'

};

/** User packages configuration. */
const packages: any = {
  'dexie': { main: 'dexie.js', defaultExtension: 'js'},
  'traceur': { main: 'traceur.js', defaultExtension: 'js'}
};

被修改 我的src代码可以找到here

被修改

要清楚。我不是说它是dexie的库问题。可能是因为我没有以正确的方式实施。因此，寻找在angular2中正确实现dexie的指南。

被修改

我找到了link，但添加以下代码的解决方案对我不起作用

System.register("dexie", [], true, function(require, exports, module) {
  var global = System.global,
      __define = global.define;
 global.define = undefined;
(function (global, factory) {
....

（解决方法）

不是什么，我几乎无法通过脚本标签添加dexie <script src="vendor/dexie/dist/dexie.min.js"></script> 然后我可以直接与dexie合作。

但问题是我无法导入dexie并且缺少dexie的所有类型。

我尝试手动复制dexie.d.ts并引用它，但是typescript不承认，所以我会有编译错误。

Answer 1

最后经过一些谷歌搜索。

为了配置Dexie with SystemJS，请参阅此github link.

在此处复制摘要

通过npm安装dexie

const

按如下方式更新systemjs.config.js：

npm install dexie --save

另外：确保你的tsconfig文件有＆＃34; moduleResolution＆＃34;：＆＃34; node＆＃34;。

如何在Angular2中集成DexieJs

1 个答案: