meteor - 如何让 minimongo.js 在浏览器中工作？

github presentation of minimongo 将其声明为

还有一个 minimongo-standalone 提供了一个 minimongo.min.js 声明:

我以前使用过 d3.js，它以某种方式打包，因此 .js 文件在 web 浏览器中作为 lib 工作，在节点上作为 npm 包工作。

所以我在本地尝试使用我新下载的 minimongo.js 在 Chrome 中使用 indexeddb 构建一个经典网页，就像我在 D3.js 中所做的那样。它给出了类似的东西( jsfiddle ):

<!DOCTYPE html>

<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>MiniMongo</title>
    <script src="https://rawgit.com/rurri/minimongo-standalone/master/minimongo.min.js"></script>
    <!-- https://github.com/rurri/minimongo-standalone/blob/master/minimongo.min.js -->
  </head>
  <body></body>
  <script>
    // Require minimongo
    var minimongo = require("minimongo");
    var LocalDb = minimongo.MemoryDb;
    // Create local db (in memory database with no backing)
    db = new LocalDb();
    // Add a collection to the database
    db.addCollection("animals");
    doc = { species: "dog", name: "Bingo" };
    // Always use upsert for both inserts and modifies
    db.animals.upsert(doc, function() {
      // Query dog (with no query options beyond a selector)
      db.animals.findOne({
        species: "dog"
      }, {}, function(res) {
        console.log("Dog's name is: " + res.name);
      });
    });

  </script>
</html>

它返回错误:

Uncaught ReferenceError: _ is not defined
    at minimongo.min.js:1
    at minimongo.min.js:3
Uncaught ReferenceError: require is not defined
    at (index):5911
Uncaught ReferenceError: _ is not defined
    at (index):91
    at window.onload ((index):5889)

我错过了什么或误解了什么？
如果可能，如何使其工作？

最佳答案

一些东西

1. 依赖

如果您阅读 README.MD 的 minimongo-standalone ，它会说

因此，您需要在页面上的 minimongo 脚本标记之前包含这两个库。

<head>
  <script src="https://link/to/underscore.js"></script>
  <script src="https://link/to/async.js"></script>
  <script src="https://rawgit.com/rurri/minimongo-standalone/master/minimongo.min.js"></script>

值得一提的是，您需要获取这些库的浏览器版本。 async 似乎不使用通用模块定义 (UMD)，因此为不同的目标提供单独的文件。

2. 要求

除非您使用 browserify 或其他 commonJS 模块加载框架，否则函数 require 不存在。

我没有检查 async 或 underscore ，但如果模块系统不存在，大多数库将回退到浏览器中的普通全局变量。

包含三个脚本标签后，您应该能够全局访问 minimongo-standalone 的导出符号

3. minimongo-standalone 与 minimongo 有非常不同的 API

令人沮丧的一点； minimongo-standalone 在 Meteor 周围实现 minimongo 包装器，然后再次重命名它们。
这意味着任何 minimongo 或 Meteor 代码都不能直接转移。

好的部分是 API 简单得多。您示例的等效代码是

// Create collection
var animals = new LocalCollection('animals');
// Insert/update a document

var doc = { species: "dog", name: "Bingo" };
animals.upsert('dog', doc);

// Fetch document and log
var myDog = animals.findOne({ species: "dog" });
console.log("Dog's name is: " + myDog.name);

关于meteor - 如何让 minimongo.js 在浏览器中工作？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/48910939/

Minimongo

meteor - 如何让 minimongo.js 在浏览器中工作？