javascript - 文件保护程序和 requireJS : Mismatched anonymous define

Question

我用户FilesaverJS用于在客户端保存 JSON 文件。

当我使用 RequireJS 加载 Filesaver JS 时出现错误:

Uncaught Error: Mismatched anonymous define() module: function () {
    return saveAs;
}

我的 requirejs 优化器配置文件:

require.config({
    paths: {
        ...
        blobjs                 : "../../libs/blobjs/Blob",
        ....
        filesaver              : "../../libs/filesaver/FileSaver",
    },
    shim : {
        ...
        blobjs: {
             exports: "Blob"
        },
        filesaver: {
             exports: "Filesaver"
        },
        ...
   },

   optimize: 'uglify2',
   uglify2: {
      output: { beautify: true },
      beautify: { semicolons: false }
   },
   baseUrl                 : '../assets/js/',
   mainConfigFile          : '../assets/js/config.js',
   name                    : 'formbuilder',
   out                     : 'formbuilder.min.js',
   output : { beautify: true },
   preserveLicenseComments : false,

   include : ['here i include some views template']
});

在我的代码中:

var blob = new Blob([jsonContent], {
     type: "application/json;charset=utf-8"
});

saveAs(blob, collectionAndFilename['filename'] + '.json');

感谢您的帮助

Answer 1

我也遇到了同样的问题。经过调查，我意识到我正在脚本标记中加载 FileSaver 文件，并且由于在 FileSaver 内部调用了 Define() 函数 - 这是一个问题。

这就是 reauire.js docs 中的规定:

Be sure to load all scripts that call define() via the RequireJS API. Do not manually code script tags in HTML to load scripts that have define() calls in them.

我使用 requireJS API 加载了文件，一切正常...