Question

我遇到browserify的问题，我想捆绑以下node.js文件项目upload.js，我修改了以下代码上的文件，并在同一目录下调用文件upload2.js upload.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 to dnitro 建议现在我可以使用window变量访问我的函数但是我必须继续使用browserify做错了，因为现在我的机器看不到我的 fs 模块返回文本 fs.createReadStream不是像屏幕截图中的函数：

任何有关此事的建议，提前。

Answer 1

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

如果您希望UploadModelBySketchfabdataApi可以使用window功能，可以附加它：

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

<小时/> 的更新：

Browserify不支持fs模块。请参阅compatibility list。

您可以使用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 browser filed替换它：

var fs = require('fs'); // package.json "browser": { "fs": "browserify-fs" }

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

1 个答案: