使用 RequireJS 设置 smooch-js答案

【问题标题】：Setup smooch-js with RequireJS使用 RequireJS 设置 smooch-js
【发布时间】：2016-04-22 14:36:32
【问题描述】：

这是对我来说失败的最小代码：

<!doctype html><html>
<head>
    <meta charset="utf-8">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.2.0/require.min.js"></script>
    <script>
        require.config({
            "paths": {
                "smooch": "https://cdn.smooch.io/smooch.min"
            }
        });
        // Tried this
        require(["require", "smooch"], function(require){
            var Smooch = require("smooch");
            console.log(Smooch);  // → undefined
        });
        // Tried that
        require(["smooch"], function(Smooch){
            console.log(Smooch);  // → undefined
        });
    </script>
</head>
<body></body>
</html>

require 给我返回一个undefined 所以我没有Smooch.init(...)。在 Firefox 和 Chrome 中测试。

我做错了吗？

【问题讨论】：

标签： javascript requirejs smooch

【解决方案1】：

您应该在 require 调用中使用“Smooch”而不是“smooch”，如下所示：

<!doctype html><html>
<head>
    <meta charset="utf-8">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.2.0/require.min.js"></script>
    <script>
        require.config({
            "paths": {
                "Smooch": "https://cdn.smooch.io/smooch.min"
            }
        });
        // Tried this
        require(["require", "Smooch"], function(require){
            var Smooch = require("Smooch");
            console.log(Smooch);  // → Smooch object
        });
        // Tried that
        require(["Smooch"], function(Smooch){
            console.log(Smooch);  // → Smooch object
        });
    </script>
</head>
<body></body>
</html>

该库被包装在一个 UMD 包装器中，并自定义其名称为“Smooch”。

【讨论】：

非常感谢，确实解决了这个问题。我想我尝试过Smooch 而不是smooch，但那时我一定有其他问题，然后恢复到自述文件所说的内容。
没问题！我们将更新文档以更好地解释这一点。