1

我正在尝试使用 require.js 加载localforage库，但无法正常工作。这是我的 require.js 配置：

主.html：

<body>
 <script type="text/javascript" src="/xyz/js/lib/require-2.1.22.js">  </script>
 <script type="text/javascript" src="/xyz/js/main.js?version=1.0.0"></script>
</body>

主.js：

var appVersion = "1.0.0";
requirejs.config({      
    baseUrl: "../js",
    paths: {
        jquery: "lib/jquery-1.12.1",
        jquery_caret:  "lib/jquery.caret-1.5.1",
        lodash: "lib/lodash-4.5.1",
        localforage: "lib/localforage"
    },      
    shim: {
        jquery_caret: ["jquery"]
    },
    urlArgs: "version=" + appVersion
});

var scriptSources = ["jquery", "jquery_caret", "localforage", "lodash"];    
require(scriptSources, function() {
    //all scripts loaded
});

但是当我后来像这样使用 localforage

localforage.setDriver(localforage.INDEXEDDB).then(function() {
    console.log("Hi there");
});

它总是未定义的。顺便提一句。与Dexie我有同样的问题。当我从自述文件中添加以下代码时

define(['localforage'], function(localforage) {
  // As a callback:
  localforage.setItem('mykey', 'myvalue', console.log);

  // With a Promise:
  localforage.setItem('mykey', 'myvalue').then(console.log);
});

我从 requirejs.org/docs/errors.html#mismatch 收到错误，但这是什么意思？有人可以向我解释一下吗？我真的不明白。

4

1 回答 1

-1

你可以试试 repo 的例子，特别是这个。更详细地说，完整的main.js文件如下所示：

requirejs.config({
    paths: {
        localforage: 'path/to/dist/localforage'
    }
});
define(['localforage'], function(lf) {
    lf.ready().then(function() {
        var key = 'STORE_KEY';
        var value = 'What we save offline';

        lf.setItem(key, value).then(function() {
            console.log('SAVING', value);

            return lf.getItem(key);
        }).then(function(readValue) {
            console.log('READING', readValue);
        });
    });
});

此外，该getItems插件还有一个与您的示例相似的示例。

于 2017-10-31T12:29:14.423 回答