vite 내부 서버 오류: /if/for 노드 요소에 대한 코드 생성 노드 누락을 해결하려면 먼저 적절한 변환을 적용하십시오.

Question

그래서 어제 프로젝트를 진행하다가 일이 끝나서 그만둘 준비를 하던 중 이런 오류가 발생해서 오늘 하루종일 고치려고 노력했습니다. 내 코드는 작동하다가 작동이 중단되고 모든 것이 작동하는 지점까지 실행 취소되지만 여전히 작동하지 않습니다.

browserConsole에 나타나는 오류는 다음과 같습니다. GET http://localhost:8080/src/js/component/App.vue net::ERR_ABORTED 500（内部服务器错误）(main.js:5)

main.js 5번째 줄을 보면 App용 import만 있습니다. 저는 프로젝트 초기부터 main.js, App.vue, AppTemplate.vue를 건드릴 필요가 없었기 때문에 건드리지 않았습니다.

내 코드를 실행하려면 터미널에서 run vite(또는 내 경우에는 phpstorm의 실행 창 바로가기)를 사용했는데 또 다른 오류가 발생합니다:

으아악

지금까지 나는 내가 찾거나 생각할 수 있는 모든 것을 시도했습니다.

Vite를 다시 시작하여 시작하세요. 도커 컨테이너를 다시 시작하고, 노트북을 다시 시작했고, 이전에 말했듯이 작업 버전으로 되돌렸지만 여전히 손상되었습니다. 업데이트된 터미널 개발 도구와 git이 불평했던 몇 가지 사항. 라벨이 잘못 부착되었는지 확인하세요. (잘못된 위치 아님)

무엇을 해야할지 고민입니다. 어떤 제안이라도 환영합니다. 요청하신 정보는 최대한 빨리 공유하도록 노력하겠습니다.

저는 MacBook Pro 2020을 가지고 있습니다 Vite와 함께 Vue 3 사용하기 내가 사용하는 일부 라이브러리는 다음과 같습니다. Vue 클래스 구성 요소 중심선 뷰 라우터 vueX

Answer 1

다음 템플릿에서도 이 모호한 오류가 발생합니다.

으아아아

내 NavBar 구성요소가 누락되었습니다. 대신 다음과 같아야 합니다.

으아아아

템플릿에 템플릿을 넣으려고 하면 당연히 작동하지 않습니다.

나도 Docker에서 개발하지만 이 경우에는 관련성이 없어 보입니다.

Answer 2

그래서 저는 제 디자인 상사가 그랬다는 걸 알아냈습니다. 제가 해야 할 일은 node_modules 디렉터리를 삭제하고 npm install을 실행하여 다시 설치하는 것뿐이었습니다. 이것은 나를 위해 해결되었습니다. 다른 사람들에게도 마찬가지이기를 바랍니다.