【问题标题】:Reactjs not working in firefox and chromium browserReactjs 在 Firefox 和 chromium 浏览器中不起作用
【发布时间】:2020-04-05 01:50:25
【问题描述】:

我的项目以开发模式在所有浏览器中运行。 但在生产中运行 "npm run build" 后,它在某些浏览器中失败(如旧版本的 chrome 浏览器和 firefox)。 p>

当我在更新的 chrome 浏览器中运行构建版本时,它运行良好,但是当我运行相同的构建时 在 firefox 或旧版 chrome 浏览器中显示一些错误

喜欢

TypeError: Cannot read property 'charAt' of null
TypeError: Cannot read property 'componentDidMount' of null

但在最新的 chrome 浏览器中,它没有显示任何错误。它显示正常

这是我的 package.json 文件

{
  "name": "frontend",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@amcharts/amcharts4": "^4.7.8",
    "@amcharts/amcharts4-geodata": "^4.1.8",
    "@syncfusion/ej2-react-dropdowns": "^17.3.28",
    "history": "^4.10.1",
    "html2canvas": "^1.0.0-rc.5",
    "interweave": "^12.1.0",
    "jspdf": "^1.5.3",
    "node-sass": "^4.13.0",
    "postcss-svgo": "^4.0.2",
    "react": "^16.12.0",
    "react-csv": "^1.1.2",
    "react-dom": "^16.12.0",
    "react-router-dom": "^5.1.2",
    "react-scripts": "3.3.0",
    "react-select": "^3.0.8",
    "react-toasts": "^3.0.6",
    "reactjs-popup": "^1.5.0",
    "vis": "^4.21.0-EOL"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  }
}

【问题讨论】:

  • 能否请您添加有关您遇到的错误的更多详细信息?很难知道哪个包与其他浏览器不兼容。你在哪里以及为什么得到null
  • 听起来可能有些 JS 没有正确加载,所以可能是您的浏览器和开发服务器的问题。检查网络标签中的错误。

标签: reactjs create-react-app


【解决方案1】:

尝试更改 package.json 中的“browserslist”对象。 这是它的链接Configuring your supported browser

【讨论】:

  • 我的 pakage.json 和你分享的链接一样
猜你喜欢
  • 2014-10-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-12-09
  • 2021-11-08
  • 2021-04-01
  • 1970-01-01
相关资源
最近更新 更多