如何解决我在 React 应用程序中从更漂亮的位置收到数千个错误的问题?



我遇到了这个问题,因为漂亮给了我超过1000个错误。我不确定是什么原因造成的,但这里是我是如何解决这个问题的。我在youtube上按照TraversyMedias指南安装了eslint和airbnb模板。它工作得很好。我用它编程了将近一天。然后,在我开始将一个组件从React hooks状态切换到Redux状态后,我出现了一个错误,说找不到文件。在我修复了这个问题之后,它仍然会出现这个错误。我重新启动了我的开发服务器,得到了一个完全不同的错误——这是我的esint版本的问题。我记不清具体的错误了,但它是这样的:;Create react App提供的react脚本包需要依赖项:;eslint":"7.11.0"在我犯了那个错误之后,我遵循了以下步骤要修复依赖关系树,请按照以下步骤进行操作:

删除项目文件夹中的package-lock.json(而不是package.json!(和/或yarn.lock。删除项目文件夹中的node_modules。删除";eslint";来自项目文件夹中package.json文件中的dependencies和/或devDependencies。根据您使用的包管理器,运行npm install或yarn。

在我这样做之后,我遇到了我要问的问题的错误。

一些有用的信息我的项目结构是一个顶级项目文件夹。它包含我的服务器和客户端文件夹,三者都有自己的包.json.

我在这个论坛上找了一个和我有类似错误的人,但找不到任何错误。我在谷歌上搜索了许多关于这个问题的不同措辞的问题,但找不到任何内容。我卸载了"漂亮",看看它是否会消失。它没有以下是我的package.json在根文件夹客户端文件夹和服务器文件夹中的样子

{
"name": "sac-website",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo "Error: no test specified" && exit 1",
"dev": "concurrently "cd server && npm run dev" "cd client && npm start" "
},
"author": "",
"license": "ISC",
"devDependencies": {
"concurrently": "^6.2.0",
"eslint-config-airbnb": "^18.2.1",
"eslint-plugin-import": "^2.22.1",
"eslint-plugin-jsx-a11y": "^6.4.1",
"eslint-plugin-react": "^7.21.5",
"eslint-plugin-react-hooks": "^1.7.0"
},
"dependencies": {
"eslint": "^7.28.0",
"eslint-config-node": "^4.1.0",
"eslint-config-prettier": "^8.3.0",
"eslint-plugin-node": "^11.1.0",
"eslint-plugin-prettier": "^3.4.0"
}
}
{
"name": "sac-web",
"version": "0.1.0",
"private": true,
"dependencies": {
"@date-io/date-fns": "^1.3.13",
"@material-ui/core": "^4.11.4",
"@material-ui/icons": "^4.11.2",
"@material-ui/lab": "^4.0.0-alpha.58",
"@material-ui/pickers": "^3.3.10",
"@material-ui/styles": "^4.11.4",
"@reduxjs/toolkit": "^1.6.0",
"@testing-library/jest-dom": "^5.12.0",
"@testing-library/react": "^11.2.7",
"@testing-library/user-event": "^12.8.3",
"axios": "^0.21.1",
"date-fns": "^2.22.1",
"eslint": "^7.28.0",
"prop-types": "^15.7.2",
"react": "^17.0.2",
"react-dom": "^17.0.2",
"react-redux": "^7.2.4",
"react-router-dom": "^5.2.0",
"react-scripts": "4.0.3",
"react-toastify": "^7.0.4",
"redux": "^4.1.0",
"redux-thunk": "^2.3.0",
"web-vitals": "^0.2.4",
"workbox-background-sync": "^5.1.4",
"workbox-broadcast-update": "^5.1.4",
"workbox-cacheable-response": "^5.1.4",
"workbox-core": "^5.1.4",
"workbox-expiration": "^5.1.4",
"workbox-google-analytics": "^5.1.4",
"workbox-navigation-preload": "^5.1.4",
"workbox-precaching": "^5.1.4",
"workbox-range-requests": "^5.1.4",
"workbox-routing": "^5.1.4",
"workbox-strategies": "^5.1.4",
"workbox-streams": "^5.1.4"
},
"scripts": {
"start": "react-scripts start",
"build": "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": {
"eslint-plugin-react": "^7.24.0"
}
}
{
"name": "server",
"version": "1.0.0",
"description": "The server for the sac website",
"main": "index.js",
"scripts": {
"start": "node app.js",
"dev": "nodemon app.js"
},
"author": "",
"license": "ISC",
"dependencies": {
"bcrypt": "^5.0.1",
"cors": "^2.8.5",
"dotenv": "^10.0.0",
"express": "^4.17.1",
"jsonwebtoken": "^8.5.1",
"mongoose": "^5.12.11"
},
"devDependencies": {
"nodemon": "^2.0.7"
}
}

你们能给我的任何帮助都将是美妙的。如果我问错了这个问题,请原谅我。这是我第一次在编程论坛上问任何问题。

我遇到的错误与esint的设置方式或设置得有多漂亮有关。我删除了所有与此相关的内容,现在该项目正在运行。

在我想要运行的React 17项目中,有2.ignore文件:.prettierignore.eslintignore

我将src文件夹添加到这些文件中,这样错误就消失了。

这样你就不必删除所有内容,如果你愿意,你可以让它在以后处理。

最新更新