本地引用JsBarcode.all.min.js报错，CDN正常求排查解决

问题场景 #

需要在无网络环境下本地部署JsBarcode.all.min.js，但下载后引用运行时抛出正则表达式语法错误，通过CDN引用同一版本文件则完全正常。

本地引用代码：

<script src="JsBarcode.all.min.js"></script>

报错信息：

JsBarcode.all.min.js:2 Uncaught SyntaxError: Invalid regular expression: /^[-_È-Ã]*/: Range out of order in character class (at JsBarcode.all.min.js:2:25056)
    at new RegExp (<anonymous>)
    at o (JsBarcode.all.min.js:2:25056)
    at e.default (JsBarcode.all.min.js:2:25767)
    at new e (JsBarcode.all.min.js:2:24495)
    at v (JsBarcode.all.min.js:2:19469)
    at JsBarcode.all.min.js:2:19402
    at t.value (JsBarcode.all.min.js:2:60628)
    at d.<computed>.d.<computed>.d.<computed> (JsBarcode.all.min.js:2:19268)
    at h (JsBarcode.all.min.js:2:19000)
    at <anonymous>:1:1

CDN引用代码（正常工作）：

<script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.6/dist/JsBarcode.all.min.js"></script>

问题原因 #

核心是文件编码被篡改：CDN提供的文件是UTF-8编码，其中包含Unicode字符范围的正则表达式。wget默认可能忽略响应头的编码声明，以系统默认编码（如ISO-8859-1）保存文件，导致Unicode字符乱码，破坏了正则的字符范围规则（比如È-Ã就是乱码后的错误范围）。浏览器下载时会自动处理响应头的编码信息，因此能保存正确的UTF-8文件。

解决方法 #

1. 正确下载文件

   • 直接用浏览器打开CDN链接，右键选择「另存为」，保存时确保编码选择UTF-8（多数浏览器默认会自动处理）。
   • 若必须用wget，添加编码头强制以UTF-8接收：

     wget --header="Accept-Charset: UTF-8" https://cdn.jsdelivr.net/npm/jsbarcode@3.11.6/dist/JsBarcode.all.min.js
     

2. 验证文件完整性
   对比本地文件与CDN文件的MD5哈希值，确认文件未损坏。比如Linux下执行：

   md5sum JsBarcode.all.min.js
   

   再与CDN文件的哈希值比对。

3. 补救已下载的文件
   若已下载乱码文件，可尝试在文本编辑器中打开，将编码转换为UTF-8后重新保存；或在引用脚本时明确指定编码：

   <script src="JsBarcode.all.min.js" charset="UTF-8"></script>
   

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