無效的正則表達式 :: 字符類中的范圍亂序

Question

我正在嘗試使用protoc為 javascript 生成的一些協議緩沖區代碼。 我有一些 javascript 文件，我可以將它們導入（在選擇commonjs樣式后）到其他 javascript 文件中。

我已經安裝了一個名為google-protobuf的 npm 依賴google-protobuf並且能夠將所有 javascript 與 webpack 捆綁在一起。 當我嘗試在 Firefox 中運行頁面時，我沒有收到與此相關的錯誤，但是 chrome 給了我：

Invalid regular expression: /[Ö‘-Û¯Ûº-à£¿â€�-��-�ï¬-ï·¿ï¹°-ï»¼]/: Range out of order in character class

我試過向<meta>和<script>添加一些額外的標簽，但它們不起作用。 我從未見過這樣的錯誤，也不知道從哪里開始尋找。

最終目標是，我希望我所有的npm i和我所有的import { Foo } from 'foo.js'都能在網頁上正常工作而不會出錯。

使用HTMLWebpackPlugin注入的HTMLWebpackPlugin是：

<script type="text/javascript" src="frontseat.bundle.js"></script>

最初沒有<meta>標簽，我只是在頭下添加了一個，所以它看起來：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>...

Answer 1

嘗試將您的正則表達式更新為以下正則表達式：

[Ö‘\-Û¯Ûº-à£¿â€�-��-�ï¬-ï·¿ï¹°-ï»¼]

而你的元標簽是這樣的？ <meta charset="utf-8">使用這個字符集

Answer 2

我遇到了與您相同的問題。我無法將 google-protobuf 升級到3.6.1 。 以前只有 3.6.1 版對我有用。 3.6.1 以后的所有版本都會在我的項目中引發相同的錯誤。

但是， <meta charset="utf-8">現在對我有幫助。 我創建了一個最小樣本，希望它能給你一些想法。

google-protobuf 版本： 3.11.2

索引.js

import * as pb from 'google-protobuf';
console.log(pb);

構建命令

npx webpack index.js -o bundle.js

索引.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <script src="bundle.js"></script>
    </head>
</html>

然后，您應該能夠在 chrome devtools 控制台上看到類似的內容而不會出現錯誤。

{Map: ƒ, Message: ƒ, BinaryReader: ƒ, BinaryWriter: ƒ, ExtensionFieldInfo: ƒ, …}