使用js-beautify库时出现JavaScript未捕获引用错误的原因排查

你遇到的Uncaught ReferenceError是因为调用了错误的全局函数名。当引入独立的beautify-html.js、beautify.js、beautify-css.js文件后，不同类型的格式化对应不同的全局函数：

• 格式化HTML：使用html_beautify
• 格式化JavaScript：使用js_beautify
• 格式化CSS：使用css_beautify

修正后的测试代码如下：

window.addEventListener('load', (e) => {
  console.log("test");
  // 调用正确的HTML格式化函数
  const formattedHtml = html_beautify("<html></html>", { indent_size: 2, space_in_empty_paren: true });
  console.log(formattedHtml); // 输出格式化后的HTML内容
});

如果需要格式化JS代码，示例如下：

const formattedJs = js_beautify("function test(){console.log('hello')}", { indent_size: 2 });

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