React应用程序在Safari上不起作用:无效的正则表达式

Question

我的React应用程序可以在Chrome和Edge中运行，但在Safari中呈现空白屏幕，并显示以下错误: Invalid regular expression: invalid group specifier name

我认为这是一个依赖关系的问题，并试图使用蛮力创建一个新的应用程序并逐个安装依赖关系来找出问题所在，但这不起作用。

以下是依赖关系：

"dependencies": {
    "@testing-library/jest-dom": "^5.11.6",
    "@testing-library/react": "^11.1.2",
    "@testing-library/user-event": "^12.2.2",
    "bootstrap": "^4.5.3",
    "emailjs-com": "^2.6.4",
    "firebase": "^8.2.7",
    "firebase-admin": "^9.5.0",
    "formik": "^2.2.6",
    "react": "^17.0.1",
    "react-beautiful-dnd": "^13.0.0",
    "react-bootstrap": "^1.4.0",
    "react-dom": "^17.0.1",
    "react-file-viewer": "^1.2.1",
    "react-loading-skeleton": "^2.1.1",
    "react-router-dom": "^5.2.0",
    "react-scripts": "^4.0.1",
    "react-to-print": "^2.12.2",
    "react-transition-group": "^4.4.1",
    "redocx": "^1.1.4",
    "semantic-ui-css": "^2.4.1",
    "semantic-ui-react": "^2.0.1",
    "styled-components": "^5.2.1",
    "use-before-unload": "^1.0.1",
    "uuid": "^8.3.1",
    "web-vitals": "^0.2.4",
    "yup": "^0.32.8"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "NODE_ENV=production react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": [
      "react-app",
      "react-app/jest"
    ]
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "node-sass": "^4.14.1",
    "sass-loader": "^10.1.0"
  }

我还尝试在代码中搜索正则表达式，特别是lookahead和lookbehinds '(?‘但是没有找到。

有什么想法吗？

Answer 1

我通过点击控制台中的语法错误找到了解决方案，检查文件错误可能来自供应商-min.js>在那里你会发现一个错误和库名称作为罪魁祸首我发现镜像到Base64库对我不起作用。我注释掉并检查了它，它起作用了。

这是我在单击后发现的错误

2.14a00c79.chunk.js:2 SyntaxError:无效的正则表达式：(？(匿名函数)@ 2.14a00c79.chunk.js:2 wb.swiper-init.js:1后有无法识别的字符SyntaxError:意外标记‘<’(匿名函数)@ wb.swiper-init.js:1

请随时联系Happy来解决您的错误

Answer 2

我在create-react-app项目的production build中得到了相同的错误。很难定位错误，因为代码是捆绑和缩小的。我的方法是让开发构建在safari上运行。然后我就可以很容易地找到正则表达式了。事实证明，我发了一部unsupported regex pattern of safari。