在 Cordova 中使用 require 加载模块

Question

我是 javascript 新手，正在尝试 cordova，它大量使用了 require() 模块。我在这里浏览了一些教程。我尝试了本教程中的一个非常简单的示例，但似乎缺少一些东西。

这是我的 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 模块