在我的应用程序上运行‘NPM更新’后,我突然收到以下错误:

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;

真奇怪.所以我把它比作在不同的 workstation 上运行相同的应用程序,用相同的代码,但我确实not运行了‘NPM更新’.这款应用程序起作用了,这不足为奇.

我看过其他有这个错误的帖子,但他们的解决方案似乎不适用于我的环境.

我搞不懂为什么它不能在我的主 workstation 上工作.如果我从 workstation 复制NODE_MODULES,应用程序启动正常.但是,只要我删除node_MODULES和Package-lock.json并重新安装,应用程序就不会启动.我已经删除了NODE_MODULES/Package-lock.json/Clear NPM缓存.帮不上忙.

我正在通过‘npm ls’比较模块版本,它们在两个 workstation 上是相同的.

两者都运行NodeJS 8.12.0和NPM 8.19.2

我查看了它出错的文件(pako/lib/zlib/trees.js),它在两个系统上是相同的.

我不知道‘pako’是什么,但使用‘npm解释pako’似乎与pdf-lib有关,它从未更新过.

我的应用程序是用Create-Reaction-app构建的.

我完全不知所措.这是我的Package.json:

{
  "name": "foo",
  "version": "0.1.0",
  "description": "Foo",
  "contributors": [],
  "license": "UNLICENSED",
  "private": true,
  "dependencies": {
    "@coreui/chartjs": "^2.0.0",
    "@coreui/coreui-pro": "^3.4.2",
    "@coreui/icons": "^2.1.0",
    "@coreui/icons-pro": "^2.0.3",
    "@coreui/icons-react": "^1.1.0",
    "@coreui/react": "^3.4.6",
    "@coreui/react-chartjs": "^1.1.0",
    "@coreui/utils": "^1.3.1",
    "@fortawesome/fontawesome-free-solid": "^5.0.13",
    "@fortawesome/fontawesome-svg-core": "^6.1.1",
    "@fortawesome/free-regular-svg-icons": "^6.1.1",
    "@fortawesome/free-solid-svg-icons": "^6.1.1",
    "@fortawesome/react-fontawesome": "^0.1.18",
    "@nadavshaar/react-grid-table": "^1.0.0",
    "@pdf-lib/fontkit": "^1.1.1",
    "@react-firebase/auth": "^0.2.10",
    "ag-grid-community": "^25.3.0",
    "ag-grid-react": "^25.3.0",
    "arithmetic": "^1.0.1",
    "bootstrap": "^5.2.0",
    "classnames": "^2.3.1",
    "codemirror": "^5.63.3",
    "core-js": "^3.19.1",
    "downloadjs": "^1.4.7",
    "firebase": "^9.12.1",
    "firebase-admin": "^11.0.1",
    "firebaseui": "^6.0.1",
    "formik": "^2.2.9",
    "mobx": "^6.3.3",
    "mobx-react": "^7.1.0",
    "pdf-lib": "^1.17.1",
    "prop-types": "^15.7.2",
    "random-id": "^1.0.4",
    "react": "^17.0.2",
    "react-app-polyfill": "^2.0.0",
    "react-awesome-button": "^6.5.1",
    "react-big-calendar": "^0.33.6",
    "react-bootstrap": "^2.4.0",
    "react-collapsible": "^2.10.0",
    "react-cookie-consent": "^8.0.1",
    "react-dom": "^17.0.2",
    "react-firebase-hooks": "^5.0.3",
    "react-firebaseui": "^6.0.0",
    "react-grid-layout": "^1.3.0",
    "react-range": "^1.8.12",
    "react-redux": "7.2.4",
    "react-router-dom": "^5.3.0",
    "react-select": "^4.3.1",
    "react-text-mask-hoc": "^0.11.0",
    "react-toastify": "^9.0.8",
    "reactstrap": "^8.10.0",
    "redux": "4.1.0",
    "rpg-dice-roller": "1.6.0",
    "sass": "^1.55.0",
    "sillyname": "^0.1.0",
    "spinkit": "2.0.1",
    "string-math": "^1.2.2",
    "styled-components": "^5.3.3",
    "yup": "^0.32.11"
  },
  "devDependencies": {
    "mutationobserver-shim": "^0.3.7",
    "react-scripts": "^5.0.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "test:cov": "npm test -- --coverage --watchAll=false",
    "test:debug": "react-scripts --inspect-brk test --runInBand",
    "eject": "react-scripts eject",
    "zip": "git archive -o coreui-pro-react-admin-template-v$npm_package_version.zip -9 HEAD"
  },
  "bugs": {
    "url": "https://github.com/coreui/coreui-free-react-admin-template/issues"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 10",
    "not op_mini all"
  ],
  "jest": {
    "collectCoverageFrom": [
      "src/**/*.{js,jsx}",
      "!**/*index.js",
      "!src/serviceWorker.js",
      "!src/polyfill.js"
    ]
  },
  "engines": {
    "node": ">=8.16",
    "npm": ">=6"
  }
}

推荐答案

我做了一个变通办法.我比较了我的项目的新旧包-lock.json,我看到一些@Babel lib版本更改为v7.20.2(21 hours ago).我用旧的包覆盖了新的包-lock.json,并且我的Reaction应用程序再次成功地构建和运行.

(更新版)我更改(降级)了一些Package.json中的@babel包,问题解决了:

将以下代码行放入您的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",

Reactjs相关问答推荐

条件索引路由

如何在没有 node 模块的情况下利用外部Java脚本文件制作OWL carousel

react 路由GUGUD Use Effect无法通过useNavigate正常工作

面对动画警告:未指定`useNativeDriver`.这是必需的选项,并且必须在REACT本机中显式设置为`true`或`False`

Reaction-Query&-使用Mutation触发成功,而应该触发错误

使用experial_useFormState将参数传递给服务器操作

Javascript - 正则表达式不适用于 MAC OS - 编码?

在React中使用if条件时如何更改Tailwind中元素的文本 colored颜色

在 useSelector() 中使用 array.map() 如何导致组件在分派操作时重新渲染?

Material UI @mui/material/Button vs @material-ui/core/Button,它什么时候改变的,旧版本的文档在哪里

onChange in useEffect 的最佳实践

VideoSDK api 不使用更新状态

如何将我的 ID 值传递给下一个组件?

如何在props 更改时运行自定义挂钩?

React Router 6.4CreateBrowserRouter子元素不显示

网格项不缩小以适应包含的可滚动列表

在react 路由dom版本6中的组件内添加路由

如何在 react-router-dom v6 中实现监听功能?

错误未捕获的错误:[App] 不是 组件. 的所有子组件必须是

React中`onScroll`和`onScrollCapture`之间的区别?