sourcecode

반응 npm start not work : '사용 가능한 chokidar 버전이 없습니다.'

copyscript 2023. 4. 4. 21:58
반응형

반응 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 updateCheckidar 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

반응형