browserify无法调用我捆绑的函数，它没有定义

Question

我对browserify有一些问题，我想捆绑以下 node.js 文件项目upload.js，我修改了以下代码中的文件并在 upload.js 的同一目录中调用文件 upload2.js ：

var SketchfabDataApi = require( '../../index' );      
var Swagger = require('swagger-client');
var fs = require('fs');
var path = require('path');
var api = new SketchfabDataApi();

    function UploadModelBySketchfabdataApi(token,idinputfile) {
    //var file = jQuery(idinputfile)[0].files[0];
    var file = document.getElementById(idinputfile).files[0]
    if (file) {
        var fileName = file.name;
    }
    var fullPathFile = document.getElementById(idinputfile).value;

    //var fullPathFile = window.location.protocol + "//" + window.location.host;
    //if (window.location.port != "") fullPathFile += ":" + window.location.port + "/";
    //fullPathFile = fullPathFile + '/private/' + fileName;

    console.info('START UPLOAD2:' + fullPathFile);

    api.then(function (client) {

    // This is how you authenticate your requests with the "Token" scheme
    client.clientAuthorizations.add("Token",
        new Swagger.ApiKeyAuthorization(
            "Authorization",
            "Token " + token ,
            "header"
        )
    );

    // This is how you upload a file
    client.apis.models.post_v3_models({
        isPublished: 'false',
        modelFile: fs.createReadStream(path.resolve(fullPathFile)),
        private:false,
    }).then(function (response) {

        if (response.status === 201) {
            // The model URI is immediately returned, even if processing hasn't finished yet
            console.log('After processing, model will be available at: ' +
                response.headers.location);
            var uid = response.headers.location
                .replace('https://api.sketchfab.com/v3/models/', '');

            // You can poll the processing status to know when the model is ready
            // See how `pollStatus` is implemented below
            pollStatus(client,
                uid,
                function (err, res) {
                    console.log(err, res);
                });
            window.location.href = window.location.protocol + "//" + window.location.host + "/stealth/#/stealth/models3d/models3d";
        }


    }).catch(function (error) {
        console.error("ERROR ON UPLAOD:" + error);
    });

}).catch(function (error) {
    console.log("ERROR ON AUTHENTICATION:" + error);
});

}

    /**
     * Poll processing status
     * @param {object} client Swagger client
     * @param {string} uid Model uid
     * @param {function} callback will receive (err, result)
     */
    function pollStatus(client, uid, callback) {
        client.apis.models.get_v3_models_uid({
            uid: uid
        }).then(function (response) {
            if (response.obj.status.processing === 'SUCCEEDED') {
                callback(null, response.obj.status);
            } else if (response.obj.status.processing === 'FAILED') {
                callback(response.obj.status.processing, null);
            } else {
                setTimeout(function () {
                    console.log(response.obj.status);
                    pollStatus(client, uid, callback);
                }, 1000);
            }
        });
    }

现在我运行 browserify 命令，

browserify upload2.js -o bundleSketchFabDataApi.js -d

这是我的 call.js 脚本：

   <script type="text/javascript" src="vendor/sketchfab/SketchfabDataApi/bundleSketchFabDataApi.js"></script>
<script type="text/javascript" src="vendor/sketchfab/SketchfabDataApi/SketchfabDataApi.js"></script>
............................
    UploadModelBySketchfabdataApi("mytoken", "myfile");

但我在控制台上总是出现相同的错误“引用未定义”：

更新 Ty 到dnitro建议，现在我可以使用 window 变量访问我的函数，但我必须继续使用 browserify 做一些错误的事情，因为现在我的机器看不到我的fs模块返回文本fs.createReadStream 不是屏幕截图中的函数：

对此有任何建议，请提前。

Answer 1

Browserify 不允许变量污染全局范围。如果您想使用它，您应该将其附加到全局变量。

在这里，如果您希望UploadModelBySketchfabdataApi函数可用window，您可以附加它：

window.UploadModelBySketchfabdataApi = function (token, idinputfile) { ...

更新：

Browserify 不支持 fs 模块。请参阅兼容性列表。

您可以使用browserify-fs，它使用level-filesystem。他们声称：

fs 模块中的所有异步方法均受支持并经过良好测试（包括链接！）

但请注意浏览器支持：

安装：

npm install browserify-fs

用法：

直接地：

var fs = require('browserify-fs');

或者使用常规fs模块并在捆绑时将其替换为browserify-fs：

var fs = require('fs');

// CLI
browserify main.js -r fs:browserify-fs -o bundle.js

或者使用常规fs模块并使用浏览器归档的package.json 来替换它：

var fs = require('fs');

// package.json
"browser": {
  "fs": "browserify-fs"
}