programing

노드 모듈이 있는 경우 '@vue/cli-plugin-babel' 모듈 때문에 vue-cli-service가 충돌할 수 있습니까?

bestcode 2022. 7. 10. 21:21
반응형

노드 모듈이 있는 경우 '@vue/cli-plugin-babel' 모듈 때문에 vue-cli-service가 충돌할 수 있습니까?

일부 배경:

는 이 저장소의 클론을 사용하여 프로젝트를 시작했습니다.다음은 코드의 입니다.잠시 후 사용한 vue-cli-service가 오래된 것으로 보이는 것을 알게 되었습니다(이름도 '@vue/cli-service'로 변경했습니다).그래서 npm 업데이트를 실행했습니다.그 코드에 의해npm run serve서비스를 시작합니다.'먹다'와 .npx vue-cli-service serve부트스트랩했습니다.npm install bootstrap@version(사용한 회선과 같은 회선에 액세스 할 수 없습니다.@vue/cli-cli-babel'은 '@vue/cli-cli-babel'을 말합니다. foldernode_modules에서 했습니다.

다음 절차를 사용하여 수정했습니다.

  1. npm update.
  2. 처음에는 글꼴을 찾을 수 없다고 했다(구체적인 세부 정보는 더 이상 없다).오류가 bootstrap.css 파일로 전송되었습니다.
  3. 부트스트랩을 다시 설치했습니다.
  4. npm run serve" module "Cannot find module '@vue/cli-plugin-babel 이라고
  5. node_modules 폴더에 '@vue/cli-plugin-babel'이 표시됩니다.
  6. npm list --depth=0및 '@vue/cli-cli-subl-babel'은(는) 표시되지 않습니다.이거 보여
  7. npm cache clean --force그것만으로는 사이트가 재개되지 않았습니다."'@vue/cli-cli-fil-babel'은 '@vue/cli-fil-babel'입니다."라고 표시됩니다.
  8. 위의 SO 답변에 따라 내 사이트가 다시 작동하게 되었습니다.
    1. rm -rf node_modules/
    2. npm cache clean(그 후 (으)로 치환npm cache verify에 따라) npm을 합니다.
    3. npm install('rm - rf node _ node / ' ) 。
  9. npm run serve츠키다
  10. npm list --depth=0을 다시 실행한 후에는 #6과 같은 UNMET 의존성 문제가 이상 발생하지 않습니다.

SO Q&A에 대해서도 구조조정(재주문)이 거론됐다.json 파일.맨 위의 답변에서 가능한 해결책은 "Recstructure your package.json"이라고 말합니다.모든 상위 레벨 모듈(다른 모듈에 대한 종속성으로 제공됨)을 맨 아래에 배치합니다.나는 그것이 나의 문제와 관련이 있는지 궁금하다.

예상 결과 대 실제 결과:

업데이트 할 때, 사실 고장날 줄 알았어요.난 그걸 샀다.

하지만 기대했던 건

  1. 노드 모듈이 있으면 오류가 발생하지 않습니다.
  2. ★★★★★★★를 실행했을 경우npm install이치노
  3. npm 설치로 문제가 해결되지 않으면npm cache clean --force효과가 있을 거야(주: 나중에 알게 되었습니다)npm cache verify).

취득:

  1. '@vue/cli-plugin-babel' 모듈이 있었는데 찾을 수 없다는 오류가 발생했습니다.
  2. (및 3. 실행 중)npm install그리고.npm install [unmet-dependency]'rm - rf node _ modules / ' - > 'npm verify cache'와 'npm install'이 실행될 때까지 동작하지 않았습니다.

제 추측은 다음과 같습니다.

  • @vue/cli 서비스는 모듈이 존재하는지 여부를 확인하기 위해 직접 폴더를 체크하지 않습니다(실제일 확률은 75 %).
  • @vue/cli 서비스는 packages.json 파일(단, 다른 파일)과 같은 프록시를 사용하여 노드가 존재하는지 여부를 확인합니다(40 %).
  • @vue/cli 서비스는 일반적으로 사용되는 내용을 캐시합니다.그래서 업데이트 후 다시 실행했을 때 내 폴더의 새로운 내용이 체크되지 않고 캐시가 체크되었습니다.안 맞아. (10%)
  • 위의 모든 경우 @vue/cli 서비스를 npm(10%)으로 바꿉니다.

여기서 가장 큰 의문점은 "노드 모듈이 있는데 어떻게 '@vue/cli-plugin-babel' 모듈 때문에 vue-cli-service가 충돌할 수 있었는가?"입니다.

그리고 "node_modules 폴더 삭제, 캐시 확인npm 재설치( find @vue/vue-plugin-babel?)는 어떻게 하면사이트를 다시 정상적으로 실행할 수 있었을까?"라고 묻습니다.

언급URL : https://stackoverflow.com/questions/55612334/how-could-the-vue-cli-service-crash-because-of-the-vue-cli-plugin-babel-modul

반응형