浏览器 |如何要求以前由 Browserify 创建的模块？

Question

我以前从未使用过 node 和 browserify。所以我的知识太少了。我不知道我是否可以尝试。

很快：

路径下：C:\Users\fkaracan\Documents\Visual Studio 2015\Projects\AutomobilePricePrediction\AutomobilePricePrediction\Scripts

我有

• main.js
• predict.js
• NodePricePrediction.js

predict.js 创建者

browserify main.js > predict.js

然后我将 predict.js 放入我的 NodePricePrediction.js 中，要求如下。

    var carModel = document.getElementById("selectCarModel").value;
    var bodyStyle = document.getElementById("selectBodyStyle").value;
    var wheelBase = document.getElementById("wheelBaseRange").value;
    var engineSize = document.getElementById("engineSizeRange").value;
    var horsePower = document.getElementById("horsePowerRange").value;
    var peakRpm = document.getElementById("peakRpmRange").value;
    var highwayMpg = document.getElementById("highwayMpgRange").value;

    const apiKey = "";
    const uri = "https://ussouthcentral.services.azureml.net/workspaces/9a262786c5e24526898e2b6de0f4bd6e/services/9209f59e7d0b46d3a5d1f500181a1323/execute?api-version=2.0&details=true";

    var predict = require('../predict.js');
    predict(carModel, bodyStyle, wheelBase, engineSize, horsePower, peakRpm, highwayMpg, uri, apiKey);
}

然后在控制台上我尝试做

browserify NodePricePrediction.js > PricePrediction.js

但它给了我错误

Error: Cannot find module 'predict.js' from 'C:\Users\fkaracan\Documents\Visual Studio 2015\Projects\AutomobilePricePrediction\AutomobilePricePrediction\Scripts\Node'
    at C:\Users\fkaracan\AppData\Roaming\npm\node_modules\browserify\node_modules\browser-resolve\node_modules\resolve\lib\async.js:46:17
    at process (C:\Users\fkaracan\AppData\Roaming\npm\node_modules\browserify\node_modules\browser-resolve\node_modules\resolve\lib\async.js:173:43)
    at ondir (C:\Users\fkaracan\AppData\Roaming\npm\node_modules\browserify\node_modules\browser-resolve\node_modules\resolve\lib\async.js:188:17)
    at load (C:\Users\fkaracan\AppData\Roaming\npm\node_modules\browserify\node_modules\browser-resolve\node_modules\resolve\lib\async.js:69:43)
    at onex (C:\Users\fkaracan\AppData\Roaming\npm\node_modules\browserify\node_modules\browser-resolve\node_modules\resolve\lib\async.js:92:31)
    at C:\Users\fkaracan\AppData\Roaming\npm\node_modules\browserify\node_modules\browser-resolve\node_modules\resolve\lib\async.js:22:47

如果有人想查看我的 main.js 代码。它是：

let req = require("request");
let util = require("util");

module.exports = function (carModel, bodyStyle, wheelBase, engineSize, horsePower, peakRpm, highwayMpg, uri, apiKey) {
    util.log('Server running at http://127.0.0.1:8081/');

    let data = {
        "Inputs": {
            "input1":
                [
                    {
                        'carModel': carModel,
                        'bodyStyle': bodyStyle,
                        'wheelBase': wheelBase,
                        'engineSize': engineSize,
                        'horsePower': horsePower,
                        'peakRpm': peakRpm,
                        'highwayMpg': highwayMpg
                    }
                ],
        },
        "GlobalParameters": {}
    }

    const options = {
        uri: uri,
        method: "POST",
        headers: {
            "Content-Type": "application/json",
            "Authorization": "Bearer " + apiKey,
        },
        body: JSON.stringify(data)
    }

    req(options, (err, res, body) => {
        util.log(options);
        if (!err && res.statusCode == 200) {
            return body;
        } else {
            return "The request failed with status code: " + res.statusCode;
        }
    });
}

Answer 1

使用 require('./predict.js');解决了我的问题。奇怪。