模块解析失败：意外的标记 (257:106) 您可能需要适当的加载程序来处理此文件类型

Question

在我的应用程序上运行“npm update”后，我突然收到以下错误：

Compiled with problems:

ERROR in ./node_modules/pako/lib/zlib/trees.js 257:106

Module parse failed: Unexpected token (257:106)
File was processed with these loaders:
 * ./node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
|  *     not null.
|  */
> function gen_bitlen(s, desc) /*    deflate_state *s;*/ /*    tree_desc *desc;    /* the tree descriptor */*/{
|   var tree = desc.dyn_tree;
|   var max_code = desc.max_code;

奇怪的。因此，我将其与在不同工作站上运行的具有相同代码的相同应用程序进行了比较，但我没有运行“npm update”。该应用程序可以正常运行，这并不奇怪。

我看过其他有此错误的帖子，但他们的解决方案似乎不适用于我的环境。

我不明白为什么它不能在我的主工作站上运行。如果我从工作站复制node_modules，应用程序启动正常。但是，一旦我删除 node_modules 和 package-lock.json 并重新安装，该应用程序将无法启动。我已经删除了node_modules/package-lock.json/clear npm 缓存。没有帮助。

我通过“npm ls”比较模块版本，它们在两个工作站上都​​是相同的。

两者都运行 NodeJS 8.12.0 和 npm 8.19.2

我查看了错误的文件（pako/lib/zlib/trees.js），它在两个系统上都是相同的。

我不知道“pako”是什么，但使用“npm解释pako”它似乎与从未更新过的pdf-lib有关。

我的应用程序是使用 create-react-app 构建的。

我完全不知所措。这是我的package.json：

Compiled with problems:

ERROR in ./node_modules/pako/lib/zlib/trees.js 257:106

Module parse failed: Unexpected token (257:106)
File was processed with these loaders:
 * ./node_modules/babel-loader/lib/index.js
You may need an additional loader to handle the result of these loaders.
|  *     not null.
|  */
> function gen_bitlen(s, desc) /*    deflate_state *s;*/ /*    tree_desc *desc;    /* the tree descriptor */*/{
|   var tree = desc.dyn_tree;
|   var max_code = desc.max_code;

Answer 1

我做了一个解决方法。我比较了我的新旧package-lock.json项目，发现一些 @babel lib 版本更改为 v7.20.2（2022 年 11 月 4 日）。package-lock.json我用旧的覆盖了新的，我的反应应用程序再次构建并成功运行。

然后我更改（降级）了我的一些@babel包package.json，它解决了问题：

将此行放入您的package.json文件中：

"@babel/core": "7.19.6",
"@babel/generator": "7.19.6",
"@babel/compat-data": "7.19.4",
"@babel/helper-compilation-targets": "7.19.3",
"@babel/helper-create-class-features-plugin":"7.19.0",
"@babel/helper-module-transforms":"7.19.6",