如何修复在AWS上失败的React应用程序依赖项?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何修复在AWS上失败的React应用程序依赖项?相关的知识,希望对你有一定的参考价值。

我最近在AWS上部署了一个应用程序。在本地,它与我安装的依赖项工作正常。 AWS在云上安装依赖项(请参阅:https://docs.aws.amazon.com/elasticbeanstalk/latest/dg/nodejs-platform-packagejson.html),因此我不必安装它们然后上传它们,所以我知道我的node_modules没有上传并且有一些问题。

这是我的package.json:

{
  "name": "cookbook",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@material-ui/icons": "^3.0.2",
    "axios": "^0.18.0",
    "material-ui": "^1.0.0-beta.47",
    "material-ui-icons": "^1.0.0-beta.36",
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-google-login": "^5.0.4",
    "react-scripts": "2.1.8",
    "ts-pnp": "^1.0.1",
    "typescript": "^3.4.3"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ],
  "devDependencies": {
    "@material-ui/core": "^3.9.3"
  }
}

我得到的错误是关于material-ui/core/styles。然后它继续给我另一个错误说:

Module not found: Can't resolve '@material-ui/core'

当我在本地运行npm start时它工作正常。我唯一能想到的是对等依赖...我有一点时间安装材料ui并且它不会简单地从npm install安装所有东西。我想知道AWS是否有同样的问题?我不得不尝试在本地计算机上手动安装对等依赖项。它给了我一段时间的麻烦,但我终于安装了我需要的所有东西。我不禁觉得AWS可能会遇到同样的问题...有什么想法吗?

答案

所以我不确定问题是什么,但我删除了我的package.json并在每个软件包上使用npm install --save从头开始重新安装我的所有软件包npm在我试图运行我的应用程序时告诉我。这是我的结果package.json:

{
  "name": "cookbook",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "dependencies": {
    "@material-ui/core": "^3.9.3",
    "@material-ui/icons": "^3.0.2",
    "axios": "^0.18.0",
    "react": "^16.8.6",
    "react-dom": "^16.8.6",
    "react-google-login": "^5.0.4",
    "react-scripts": "^2.1.8"
  },
  "browserslist": [
    ">0.2%",
    "not dead",
    "not ie <= 11",
    "not op_mini all"
  ]
}

有一些细微的变化。因为我从头开始安装了所有内容,所以最终会删除一些不必要的包。另外,我注意到重新安装材料包时升级而不是beta。我不确定他们为什么最初是测试版。我有预感可能与它有关。

如果有人对变化的原因有实际的了解,我肯定希望听到它。谢谢。

以上是关于如何修复在AWS上失败的React应用程序依赖项?的主要内容,如果未能解决你的问题,请参考以下文章

如何修复 React Redux 和 React Hook useEffect 缺少依赖项:'dispatch'

如何修复 React Hook useEffect 缺少依赖项

如何修复对等依赖项安装问题

将表单从客户端发布到 AWS API 网关功能时如何修复 CORS 错误?

如何使用 Amazon AWS Elastic Beanstalk 部署私有 python pip 依赖项?

无法 npm 使用 eslint 依赖项启动我的 React 项目