如何修复在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 错误?