如何在网页中集成google-profanity-words？Node.js不可用，CDN调用报错

你遇到的问题源于浏览器中ES模块的使用规则以及CDN导入的路径/导出结构匹配问题，以下是可直接运行的完整示例：

<!DOCTYPE html>
<html>
<head>
    <title>Profanity Check Demo</title>
</head>
<body>
    <script type="module">
        // 使用Skypack完整CDN路径导入模块
        import ProfanityEngine from 'https://cdn.skypack.dev/@coffeeandfun/google-profanity-words';

        // 初始化检测引擎实例
        const profanity = new ProfanityEngine();

        // 测试功能
        console.log('所有脏话列表:', profanity.all());
        console.log('检测目标词是否为脏话:', profanity.search('bad word'));
        console.log('检测正常词:', profanity.search('hello'));
    </script>
</body>
</html>

核心修正点： #

• 必须给script标签添加type="module"属性，浏览器才会识别ES模块语法。
• 浏览器无法直接解析包名简写，需使用完整的Skypack CDN URL。
• 该库的默认导出即为ProfanityEngine，无需解构导入（这是你之前触发"未定义"错误的主要原因）。

将上述代码保存为HTML文件，在浏览器中打开后，查看开发者工具控制台即可看到功能运行结果。

内容的提问来源于stack exchange，提问作者Pavlos