在Cordova中加載帶有require的模塊

Question

我是新手javascript嘗試使用模塊require（）大量使用cordova。 我通過一些教程去了這個喜歡這里 。 我在本教程中嘗試了一個非常簡單的例子，似乎有些東西丟失了。

這是我的HTML代碼。

 <script>
 var abc = require("js/greeting.js");
        function mod() {
            try{

                var g =  abc.sayHelloInEnglish();
            console.log("reached the call");
            document.getElementById("modl").innerHTML = g;
            }
            catch(err){
                console.log("error is" + err.message);
            }   
        }
    </script>
    <button onclick="mod()">click</button>

這是我的greeting.js的代碼

  //var exports = module.exports = {};

exports.sayHelloInEnglish = function() {
    return "HELLO";
};

exports.sayHelloInSpanish = function() {
    return "Hola";
};

當我單擊按鈕單擊時，它會給出一個錯誤，即未定義abc。 我在這里缺少使用該模塊的東西嗎？ 非常感謝。

Answer 1

實際上module.require不適用於瀏覽器。 你不能像在script -tag中那樣使用它。 require是node.js（服務器端javascript）。

如果要在瀏覽器中使用它，則應使用預處理。 例如，您可以使用browserify 。

了解更多 - 3分鍾視頻CommonJS模塊

Answer 2

您不能在瀏覽器中本機使用require / module.exports 。 它內置於Node.js / io.js中，可以在服務器上運行。

如果要在瀏覽器中使用require() / CommonJS模塊，請查看RequireJS 。

如果您想在瀏覽器中運行Node / io.js代碼（包括但不限於require() / CommonJS），請查看Browserify或webpack 。

既然你說你使用的是cordova，我的猜測就是你根本不需要require() 。 只需像平常一樣編寫HTML / CSS / JavaScript，然后使用cordova將其打包。 cordova使用require()很多但不應該影響你的應用程序的代碼。