'npm start'는 "프로젝트 종속성 트리에 문제가 있을 수 있습니다."라는 오류를 반환합니다.
코딩은 처음이라 리액트를 올바르게 셋업할 수 없는 이유에 대해 문제가 있습니다.나는 지난주에 이것과 씨름하다가 마침내 해냈다.그런데 또 같은 문제가 생겨서 아무것도 안 돼요.
가 시작한 .npx create-react-app 내가 ★★★★★★★★★★★★★★★★★★★★★★★★★.cd이 문제를 알게 되었습니다.
프로젝트 종속성 트리에 문제가 있을 수 있습니다.Create React App의 버그가 아니라 로컬에서 수정해야 하는 문제일 수 있습니다.
Create React App에서 제공하는 react-scripts 패키지에는 다음과 같은 종속성이 필요합니다.
"webpack" : "4.29.6"
수동으로 설치하지 마십시오. 패키지 관리자가 자동으로 설치합니다.다만, 트리 상부에서 다른 버전의 Web Pack이 검출되었습니다.
/Users/aliceparker/node_modules/webpack(버전: 4.33.0)
호환되지 않는 버전을 수동으로 설치하면 디버깅하기 어려운 문제가 발생하는 것으로 알려져 있습니다.
이 체크를 무시하려면 프로젝트의 .env 파일에 SKIP_PREFLIT_CHECK=true를 추가하십시오.이 메시지는 영구적으로 비활성화되지만 다른 문제가 발생할 수 있습니다.
의존관계 트리를 수정하려면 다음 절차를 정확히 순서대로 수행하십시오.
- 프로젝트 폴더에서 package-lock.json(package.json!이 아님) 및/또는 yarn.lock을 삭제합니다.
- 프로젝트 폴더에서 node_modules를 삭제합니다.
- 패키지의 종속성 및/또는 DevDependencies에서 "webpack"을 제거합니다.json 파일을 프로젝트 폴더에 저장합니다.
- 사용하는 패키지 매니저에 따라 npm install 또는 yarn을 실행합니다.
대부분의 경우 이 정도면 문제를 해결할 수 있습니다.그래도 문제가 해결되지 않으면 몇 가지 다른 방법을 시도해 볼 수 있습니다.
npm 을 사용하고 있는 경우는, 실(http://yarnpkg.com/) 를 인스톨 해, 대신에 위의 순서를 반복합니다.이는 npm이 패키지 호이스트에 관한 기존의 문제를 가지고 있기 때문에 도움이 될 수 있습니다.이 문제는 향후 버전에서 해결될 가능성이 있습니다.
/Users/aliceparker/node_modules/webpack이 프로젝트 디렉토리 외부에 있는지 확인합니다.예를 들어 홈 폴더에 실수로 무언가를 설치했을 수 있습니다.
프로젝트 폴더에서 npm ls webpack을 실행해 보십시오.이것으로 웹 팩이 설치되어 있는 다른 패키지(예상 리액트스크립트 제외)가 표시됩니다.
다른 문제가 없으면 프로젝트의 .env 파일에 SKIP_PREFLIT_CHECK=true를 추가합니다.이렇게 하면 계속 진행하려는 경우에 대비하여 이 비행 전 검사가 영구적으로 비활성화됩니다.
추신. 이 메시지가 길다는 것을 알지만 위의 단계를 읽어주세요:-) 도움이 되길 바랍니다!
저는 위의 절차를 따랐습니다.아직 문제가 해결되지 않았다.또, Web 팩을 글로벌하게 언인스톨 해 재인스톨 했습니다.
여기 제 소포입니다.json 파일은 다음과 같습니다.
`{
"name": "ravenous-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"react": "^16.8.6",
"react-dom": "^16.8.6",
"react-scripts": "3.0.1"
},
"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"
]
}
}`
누가 이 문제를 해결하는 방법을 가르쳐 줄 수 있나요?
. , (PS. ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★」
저 같은 경우에는 이런 식으로 고민을 해결했습니다.
.envreact folder- 「」라고 입력합니다.
SKIP_PREFLIGHT_CHECK=true의 of의.env - cmd "cmd" ""
npm start.
터미널에서 다음을 실행합니다.
cd ~
그 후, 다음과 같이 입력합니다.
ls
파일 목록이 나타납니다. ifnode_modules이 목록에 포함되어 있습니다(필요한 것처럼 보입니다).을 사용하다터미널에서는 다음과 같이 설정할 수 있습니다.
rm -rf node_modules
그러나 이 경우 폴더가 휴지통으로 전송되지 않습니다.이치노 rm -rf강력한 명령어입니다.할 때는 장장 if if라고 .open .열리게 됩니다.~Finder의 , Finder의 「Finder」를 할 수 .삭제할 수 있습니다.node_modules마우스 오른쪽 버튼을 클릭하여 원하는 대로 전송할 수 있습니다.
도움이 됐으면 좋겠네요!
★★package-lock.json)package.json (!) / (/)yarn.lock프로젝트 폴더에 있습니다.
★★node_modules프로젝트 폴더에 있습니다.
하다.webpackDevDependency의 또는 중 또는 둘 package.json파일을 프로젝트 폴더에 저장합니다.
실행합니다.npm install ★★★★★★★★★★★★★★★★★」yarn(사용하는 패키지 매니저에 따라 다릅니다.
의 모든 했지만 작동하지 만, 일단 하고 .env 파일을 추가했습니다.SKIP_PREFLIGHT_CHECK=true문제를 회피할 수 .문제를 회피할 수 있습니다.
은 '아예'에 내용입니다..env 삭제:
을 만들어 ..envSKIP_PREFLIGHT_CHECK=true
root/.env★★★★★★★★★★★★★★★★★」.env를 포함해야 합니다.SKIP_PREFLIGHT_CHECK=true
.env파일을 작성하거나 기존 파일을 편집합니다.SKIP_PREFLIGHT_CHECK = true.envfilename을 클릭합니다.- dev 서버를 재시작합니다.
나는 이런 식으로 문제를 해결했다.
문제는 사용자 디렉토리에 설치된 웹 팩입니다.npm 또는 수동으로 삭제하면 모두 정상적으로 동작합니다.참조:https://github.com/facebook/create-react-app/issues/6120
에러 로그에 기재되어 있는 순서에 따라 주세요.
★★
package-lock.json)package.json(!) / (/)yarn.lock프로젝트 폴더에 있습니다.★★
node_modules프로젝트 폴더에 있습니다.DevDependency의 " 및/
package.json파일을 프로젝트 폴더에 저장합니다.실행합니다.
npm install★★★★★★★★★★★★★★★★★」yarn(사용하는 패키지 매니저에 따라 다릅니다.
- 「 pack 「「web pack」의 에 추가합니다.「 4 . 44 」2년 전하다
package.json. .env라고 입력합니다.SKIP_PREFLIGHT_CHECK=true이치노
제 경우 사용자 디렉토리에서 node_modules를 삭제했습니다.됐다.
나에게 효과가 있었던 솔루션
SKIP_PREFLIGHT_CHECK=true합니다.부러워하다이치노
사용자 디렉토리에서 node_modules를 삭제합니다.즉, C:\Users\사용자
을 추가합니다."webpack": "4.44.2"의 package.json..env을 하고, 「 」SKIP_PREFLIGHT_CHECK=true문제를 해결할 수 있을 거야
한한 、 게게넘넘을 계을어을 。나열된 모든 단계를 따랐습니다.mac에 했습니다. 잠금을 했습니다.npm installnm로 하다
.npm start★★★★★★★★★★★★★★★★★★★★★★★★★★★다른 지점을 체크할 수 있고 동일한 오류가 발생하므로 내 코드가 아니라는 것을 알고 있습니다.
이 모든 것은 리액트 테스트 라이브러리를 설치하고 리액트 스크립트를 2.1.1에서4로 업그레이드하면서 시작되었습니다.react-scripts에 대해 어떤 것을 말하는 테스트를 실행한 후 오류가 발생하여 업그레이드했습니다(정확히 뭐라고 쓰여 있는지 기억나지 않습니다).
그 후, 짐을 리셋 했습니다.이전 리액트 리액트 리액트 리액트 리액트 버전 및 테스트 라이브러리가 없는 이전 버전의 json은 위의 모든 단계를 다시 수행했지만 여전히 오류가 발생합니다.
종속성 또는 개발 종속성에 웹 팩이 없습니다.
이것은 이전에 작업했던 패키지입니다.json
{
"name": "bidrlfront",
"version": "1.0.0",
"private": true,
"homepage": "./",
"dependencies": {
"@date-io/moment": "^1.3.13",
"@material-ui/core": "^4.12.3",
"@material-ui/icons": "^4.11.2",
"@material-ui/pickers": "^3.3.10",
"camelize": "^1.0.0",
"chart.js": "^2.7.3",
"classnames": "^2.2.6",
"cross-env": "^5.2.0",
"css-loader": "^1.0.0",
"dateformat": "^3.0.3",
"flux": "^3.1.3",
"lodash.find": "^4.6.0",
"moment": "^2.29.1",
"node-sass": "^4.14.1",
"react": "^16.14.0",
"react-bootstrap": "^1.6.1",
"react-dom": "^16.6.3",
"react-ga": "^2.5.6",
"react-loading": "^2.0.3",
"react-quill": "^1.3.3",
"react-router": "^4.3.1",
"react-router-dom": "^5.2.0",
"react-scripts": "2.1.1",
"shards-react": "^1.0.0",
"shortid": "^2.2.14"
},
"scripts": {
"start": "react-scripts start",
"build:prod": "cross-env REACT_APP_BASENAME=/demo/shards-dashboard-lite-react REACT_APP_GAID=UA-115105611-1 npm run build",
"build": "cross-env REACT_APP_BASENAME=/demo/shards-dashboard-lite-react react-scripts build",
"test": "react-scripts test",
"scss": "node-sass --watch -include-path src/css -o css",
"eject": "react-scripts eject",
"gitty": "node g.js"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
],
"devDependencies": {
"sass-loader": "^7.1.0"
},
"repository": {
"type": "git",
"url": "git+ssh://git@bitbucket.org/rldev2/bidrl-app.git"
},
"keywords": [],
"author": "Stephanie Raymos <sraymos@rlliquidators.com>",
"license": "ISC"
}
그리고 여기 제 소포가 있습니다.오류가 발생하기 시작한 시점에서의 json
{
"name": "bidrlfront",
"version": "1.0.0",
"private": true,
"homepage": "./",
"dependencies": {
"@date-io/moment": "^1.3.13",
"@material-ui/core": "^4.12.3",
"@material-ui/icons": "^4.11.2",
"@material-ui/pickers": "^3.3.10",
"@testing-library/jest-dom": "^5.14.1",
"@testing-library/react": "^12.0.0",
"@testing-library/user-event": "^13.2.1",
"camelize": "^1.0.0",
"chart.js": "^2.7.3",
"classnames": "^2.2.6",
"cross-env": "^5.2.0",
"css-loader": "^1.0.0",
"dateformat": "^3.0.3",
"flux": "^3.1.3",
"lodash.find": "^4.6.0",
"moment": "^2.29.1",
"node-sass": "^4.14.1",
"react": "^16.14.0",
"react-bootstrap": "^1.6.1",
"react-dom": "^16.6.3",
"react-ga": "^2.5.6",
"react-loading": "^2.0.3",
"react-quill": "^1.3.3",
"react-router": "^4.3.1",
"react-router-dom": "^5.2.0",
"react-scripts": "^2.1.1",
"shards-react": "^1.0.0",
"shortid": "^2.2.14"
},
"scripts": {
"start": "react-scripts start",
"build:prod": "cross-env REACT_APP_BASENAME=/demo/shards-dashboard-lite-react REACT_APP_GAID=UA-115105611-1 npm run build",
"build": "cross-env REACT_APP_BASENAME=/demo/shards-dashboard-lite-react react-scripts build",
"test": "react-scripts test",
"scss": "node-sass --watch -include-path src/css -o css",
"eject": "react-scripts eject",
"gitty": "node g.js"
},
"eslintConfig": {
"extends": "react-app"
},
"browserslist": [
">0.2%",
"not dead",
"not ie <= 11",
"not op_mini all"
],
"devDependencies": {
"sass-loader": "^7.1.0"
},
"repository": {
"type": "git",
"url": "git+ssh://git@bitbucket.org/rldev2/bidrl-app.git"
},
"keywords": [],
"author": "Stephanie Raymos <sraymos@rlliquidators.com>",
"license": "ISC"
}
에러가 발생하기 전에 테스트 라이브러리와 fsevents도 글로벌하게 설치했지만, 그것들을 제거하고 mac의 폴더를 삭제했습니다.
테스트 라이브러리를 설치한 후 앱을 실행하려고 할 때 이 오류가 표시된 후 fsevents를 설치했습니다. 류::fsevents)unavailable (Darwin에서만 사용 가능)
화면이 공백이 되어 버렸어요.이것으로 그 문제는 해결되었다.그 후 인증 시스템에서 에러가 기록되었습니다.rxjs를 선택합니다.나는 그것을 설치해야 했다.하여 이를 했습니다.내가 달릴 때npm ls webpack★★★★★★★★★★★★★★★★★★.
├─┬ css-loader@1.0.1
│ └─┬ webpack@4.46.0
│ └─┬ terser-webpack-plugin@1.4.5
│ └── webpack@4.46.0 deduped
├─┬ react-scripts@2.1.1
│ ├─┬ babel-loader@8.0.4
│ │ └── webpack@4.46.0 deduped
│ ├─┬ css-loader@1.0.0
│ │ └── webpack@4.19.1 deduped
│ ├─┬ eslint-loader@2.1.1
│ │ └── webpack@4.46.0 deduped
│ ├─┬ file-loader@2.0.0
│ │ └── webpack@4.46.0 deduped
│ ├─┬ fork-ts-checker-webpack-plugin-alt@0.4.14
│ │ └── webpack@4.46.0 deduped
│ ├─┬ html-webpack-plugin@4.0.0-alpha.2
│ │ └── webpack@4.46.0 deduped
│ ├─┬ mini-css-extract-plugin@0.4.3
│ │ └── webpack@4.46.0 deduped
│ ├─┬ optimize-css-assets-webpack-plugin@5.0.1
│ │ └── webpack@4.46.0 deduped
│ ├─┬ sass-loader@7.1.0
│ │ └── webpack@4.19.1 deduped
│ ├─┬ terser-webpack-plugin@1.1.0
│ │ └── webpack@4.46.0 deduped
│ ├─┬ url-loader@1.1.1
│ │ └── webpack@4.46.0 deduped
│ ├─┬ webpack-dev-server@3.1.9
│ │ ├─┬ webpack-dev-middleware@3.4.0
│ │ │ └── webpack@4.46.0 deduped
│ │ └── webpack@4.46.0 deduped
│ ├─┬ webpack-manifest-plugin@2.0.4
│ │ └── webpack@4.46.0 deduped
│ ├─┬ webpack@4.19.1
│ │ └─┬ uglifyjs-webpack-plugin@1.3.0
│ │ └── webpack@4.46.0 deduped
│ └─┬ workbox-webpack-plugin@3.6.3
│ └── webpack@4.46.0 deduped
└─┬ sass-loader@7.3.1
└── webpack@4.46.0 deduped
간단한 해결책은 오류에 표시된 웹 팩 버전을 설치하는 것입니다.
npm install webpack@version 에 오류가 표시된다.
이것이 당신에게 도움이 되길 바랍니다.정말 감사합니다.
모든 프로젝트를 만들 때 컴퓨터의 트리 폴더에 문제가 있습니다. 존재하지 않는 폴더에 있는 앱을 시도해 보고 작동하기를 바랍니다.
에러에 기재되어 있는 대로 실행해 주세요.
작성하다.env하여 ""를 추가합니다.SKIP_PREFLIGHT_CHECK=true될 될 거예요.
나는 전에도 같은 문제에 직면한 적이 있고 그것을 해결했다.create-react-app 제공되고 있는 「」 「 。webpack(v4.29.6)webpack(v4.33.0)/Users/aliceparker/node_modules.
두 webpack(v4.33.0).' 이런 식으로요.
npx를 사용하여 프로젝트를 작성했는데 처음에 babel-eslint에서 동일한 오류가 발생하였습니다.나는 @davidflyod91 접근방식을 따랐고, 그것은 나에게 효과가 있었다.~ 디렉토리(MAC 내)에서 node_module 폴더 전체를 삭제하는 것은 만족스럽지 않습니다(-g 모듈이 설치되어 있는 장소).그래서 ~/node_modules 디렉토리의 node_modules에서 node_modules와 관련지어져 있는 폴더를 원래대로 되돌리고 응용 프로그램을 실행해 보았습니다(npm run start).
- 웹 팩
- 바벨
- eslint
- create-module-app
그리고 응용 프로그램이 작동하기 시작했습니다.
.env 파일을 만들고 "SKIP_PREFLIT_CHECK=true" 행을 입력합니다.
.node_module될 거야그건 작동할 것이다.합니다.
sudo rm -rf /Users/yourname/node_modules
같은 에러가 발생했지만, 어느 솔루션도 완전하게 도움이 되지 않았습니다.그리고 실제로 오류에 대한 지침을 따르면 문제가 해결되었습니다.
- package-lock.json이 삭제되었습니다.
- 프로젝트 폴더에서 node_modules를 삭제합니다.
- 반드시 npm install을 실행합니다.그렇지 않고 npm start로 직행하면 "react-scripts: command not found error"라는 메시지가 나타납니다.
편집: 문제가 재발하여 프로젝트의 루트에 .env 파일을 추가하고 파일에 SKIP_PREFLIT_CHECK=true를 추가하여 해결되었습니다.
이것으로 문제가 완전히 해결되었습니다.
- 번째 시도 ★★★★★★★★★★★★★★★★★★」
npm install, , , 「 」npm start - 않는 는, 「」를 실행해 .
npm audit - 한번 .
npm audit fix★★★★★★★★★★★★★★★★★」npm audit fix --force, , , 「 」npm install, , , 「 」npm start - 그래도 작동하지 않으면 package-lock.json의 deletenode 모듈을 다시 시도합니다.
npm install, , , 「 」npm start
직직오 ?류 ?? ???? ★★
SKIP_PREFLIGHT_CHECK=true의 of의.env
그리고 다시 해봐.
의존관계 트리를 수정하려면 다음 절차를 정확히 순서대로 수행하십시오.
- 프로젝트 폴더에서 package-lock.json(package.json!이 아님) 및/또는 yarn.lock을 삭제합니다.
- 프로젝트 폴더에서 node_modules를 삭제합니다.
- 패키지의 종속성 및/또는 DevDependencies에서 "webpack"을 제거합니다.json 파일을 프로젝트 폴더에 저장합니다.
- 사용하는 패키지 매니저에 따라 npm install 또는 yarn을 실행합니다.
대부분의 경우 이 정도면 문제를 해결할 수 있습니다.그래도 문제가 해결되지 않으면 몇 가지 다른 방법을 시도해 볼 수 있습니다.
npm 을 사용하고 있는 경우는, 실(http://yarnpkg.com/) 를 인스톨 해, 대신에 위의 순서를 반복합니다.이는 npm이 패키지 호이스트에 관한 기존의 문제를 가지고 있기 때문에 도움이 될 수 있습니다.이 문제는 향후 버전에서 해결될 가능성이 있습니다.
/home/omage/node_modules/webpack이 프로젝트 디렉토리 외부에 있는지 확인합니다.예를 들어 홈 폴더에 실수로 무언가를 설치했을 수 있습니다.
프로젝트 폴더에서 npm ls webpack을 실행해 보십시오.이것으로 웹 팩이 설치되어 있는 다른 패키지(예상 리액트스크립트 제외)가 표시됩니다.
다른 문제가 없으면 프로젝트의 .env 파일에 SKIP_PREFLIT_CHECK=true를 추가합니다.이렇게 하면 계속 진행하려는 경우에 대비하여 이 비행 전 검사가 영구적으로 비활성화됩니다.
답변: 종속성 트리를 수정하려면
의존관계 트리 문제를 해결하려면 로컬 컴퓨터에서 노드 삭제 파일을 삭제하고 npm start를 실행하여 localhost를 시작해야 합니다.
.env 파일을 만들고 SKIP_PREFLIT_CHECK=true를 추가했습니다.
주의: .env 파일에 이름을 지정하지 마십시오.파일명은 .env여야 합니다.
언급URL : https://stackoverflow.com/questions/56528222/npm-start-returns-error-there-might-be-a-problem-with-the-project-dependency
'programing' 카테고리의 다른 글
| Angular와 ASP의 혼합.NET MVC/Web API? (0) | 2023.03.20 |
|---|---|
| Angular 8 - 느린 모듈 로딩: 오류 TS1323: '--module' 플래그가 'commonjs' 또는 'esNext'인 경우에만 동적 가져오기가 지원됩니다. (0) | 2023.03.20 |
| SpringBoot에서 MockMvc를 사용하는 경우의 차이점WebMvcTest 테스트 및 사용 (0) | 2023.03.20 |
| 복잡한 객체를 ASP에 전달하는 방법.jQuery ajax 호출에서 NET WebApi GET을 사용하시겠습니까? (0) | 2023.03.20 |
| Woocommerce 어레이에서 제품 태그를 가져옵니다. (0) | 2023.03.20 |