반응 npm start not work : '사용 가능한 chokidar 버전이 없습니다.'
이미 동작하고 있는 React-Typescript 앱을 Github의 Github Pages에서 복제하여 변경을 하고 싶었습니다.npm install을 실행하여 모든 의존관계를 설치했는데 npm start를 실행하면 이 오류가 나타납니다.
Chokidar가 뭔지 몰라서 조금 봤는데 제 프로젝트와 관련이 없는 것 같아요.그래도 npm chokidar를 설치하려고 했는데 또 이런 오류가 발생했어요.
시도했다npm audit fix
뿐만 아니라.몇 가지를 고쳤지만 변한 건 없어요.
그래서 개발 서버를 열 수 없습니다.그리고 이게 패키지입니다.json 파일
// package.json
{
"name": "panflix",
"homepage": "https://absolutezero13.github.io/meerkast/",
"version": "0.1.0",
"private": true,
"dependencies": {
"@testing-library/jest-dom": "^5.11.4",
"@testing-library/react": "^11.1.0",
"@testing-library/user-event": "^12.1.10",
"@types/enzyme": "^3.10.8",
"@types/jest": "^26.0.15",
"@types/node": "^12.0.0",
"@types/react": "^17.0.0",
"@types/react-dom": "^17.0.0",
"@types/redux-devtools": "^3.0.47",
"axios": "^0.21.1",
"enzyme": "^3.11.0",
"firebase": "^8.2.7",
"gh-pages": "^3.1.0",
"history": "^4.10.1",
"react": "^17.0.1",
"react-bootstrap": "^1.5.0",
"react-dom": "^17.0.1",
"react-redux": "^7.2.2",
"react-router-dom": "^5.2.0",
"react-scripts": "4.0.2",
"redux": "^4.0.5",
"redux-devtools-extension": "^2.13.8",
"redux-thunk": "^2.3.0",
"typescript": "^4.1.2",
"web-vitals": "^1.0.1"
},
"scripts": {
"predeploy": "npm run build",
"deploy": "gh-pages -d build",
"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": {
"@types/react-redux": "^7.1.16",
"@types/react-router-dom": "^5.1.7"
}
}
나는 노력했다.npm install -g chokidar
인스톨 되어 있습니다.하지만 이전과 같은 오류가 나타납니다. "no version chokidar available"
다른 리액트 프로젝트는 잘 작동하고 있습니다.
저도 같은 문제가 있었어요.로컬 npm 패키지의 갱신을 강제하는 것이 효과가 있었습니다.
npm update --force
전에
$ npm list chokidar
pwa-react-showcase@0.1.0
└─┬ react-scripts@4.0.3
└─┬ webpack-dev-server@3.11.1
└── chokidar@2.1.8
끝나고
$ npm list chokidar
pwa-react-showcase@0.1.0
└─┬ react-scripts@4.0.3
├─┬ webpack-dev-server@3.11.1
│ └── chokidar@2.1.8
└─┬ webpack@4.44.2
└─┬ watchpack@1.7.5
├── chokidar@3.5.1
└─┬ watchpack-chokidar2@2.0.1
└── chokidar@2.1.8
갱신하다
NPM 7이 문제라는 것을 알게 되었습니다.NPM 6.14.12로의 다운그레이드는 변경하지 않고 동작합니다.
실행으로 문제를 해결했습니다.
npm update chokidar
그러면 package-lock.json이 최신 chokidar 정보로 업데이트됩니다.이것으로 npm 7.15 및 노드 14.16에서 문제없이 리액션을 실행할 수 있습니다.강제 설치나 기발한 조작은 필요 없습니다.chokidar를 업데이트하면 패키지 파일을 일관되게 유지할 수 있으며 팀원 모두가 개발을 계속할 수 있습니다.
원래 문제는 NPM 6에서 버전 7로 업데이트 했을 때 발생했습니다.github에도 버그티켓이 있습니다.https://github.com/facebook/create-react-app/issues/10811
에서 업그레이드한 후 동일한 문제가 발생하였습니다.npm@6.x
로.npm@7.x
설치만으로 문제를 해결했습니다.chokidar
로서DevDependency
모든 것이 예상대로 동작한다(개발, 생산 빌드, 테스트)
추가 보증 실행:
npm i -g npm
npm cache verify
npm i -D chokidar
npm i
Chockidar는 watchpak 내부의 의존관계로 개발환경의 절약을 위해 핫 새로고침을 처리합니다.
Chuckidar 2에는 노드 v14+에 문제가 있습니다.
나를 위해.npm update
Checkidar 3을 사용하도록 워치팩을 업데이트했습니다.
왜냐하면 chokidar의 버전을 3으로 업데이트해야 하기 때문입니다.
방법 1:
npm i chokidar@force --force
이것은 나에게 효과가 있었습니다.npm 자체에서:npm WARN referred chokidar@2.1.8:chokidar 2는 노드 v14+에서 끊어집니다. 의존관계가 15배 적은 chokidar 3으로 업그레이드합니다.
방법 2(권장):
npm 감사 수정
회사 네트워크에서 프록시를 통해 연결하는 경우 이 방법이 작동하지 않을 수 있으며 다음과 같은 메시지가 표시될 수 있습니다.
npm ERR! 감사 끝점이 오류를 반환했습니다.
방법 3:
- npm 버전을 6으로 다운그레이드합니다.
방법 4:
npm update --force
대규모 프로젝트에는 권장하지 않습니다.
Chokidar 의존관계를 업데이트하여 문제가 해결되었습니다.
npm update chokidar
쵸키다 명령어를 누르면 .npm update chokidar
★★★npm update chokidar@2
가 invalid json response body at https://registry.npmjs.org/chokidar reason: Unexpected end of JSON input
그 주된 이유는 캐시일 수 있으므로 캐시를 청소해야 합니다.경우는, 를 누릅니다.npm cache clean --force
그 후 다음과 같은 오류가 다시 한 번 발생할 경우
`ENOENT: no such file or directory, scandir '/node_modules/node-sass/vendor'`
다음 를 눌러 sass를 .npm rebuild node-sass
그게 다야, 나한테는 어떻게 작용했는지.
이 명령어를 실행하면 문제가 해결됩니다.
$ npm update chokidar
프로젝트를 복제하고 npm을 설치할 때도 이 문제가 발생하였습니다.
오늘 모든 곳을 검색하여 문제를 해결했습니다.
$npm 업데이트 --force
Centos7을 하고 있는데 Chokidar 버전은 '^3.5.3'입니다.
이 문제는 다음 명령을 실행하여 해결되었습니다.
npm update --force
언급URL : https://stackoverflow.com/questions/66734503/react-npm-start-not-working-no-version-of-chokidar-available
'sourcecode' 카테고리의 다른 글
xargs를 사용한 호출 셸 함수 (0) | 2023.04.09 |
---|---|
로컬 SQL Server 인스턴스에 대한 관리자 액세스 권한을 자신에게 부여하려면 어떻게 해야 합니까? (0) | 2023.04.09 |
react-select에서 기본값을 설정하는 방법 (0) | 2023.04.04 |
angularjs - ng-switch가 ng-model을 바인드하지 않음 (0) | 2023.04.04 |
각 서비스 함수에 $scope 삽입() (0) | 2023.04.04 |