오류: 콘텐츠에 잘못된 JS 구문이 포함되어 있기 때문에 가져오기 분석을 위해 소스를 구문 분석할 수 없습니다.

Question

vite+vue를 사용하여 웹 구성 요소를 단위 테스트할 때 다음 오류가 발생했습니다.

오류: 콘텐츠에 잘못된 JS 구문이 포함되어 있어 가져오기 분석을 위해 소스를 구문 분석할 수 없습니다. .html 파일 형식을 처리하려면 적절한 플러그인을 설치해야 할 수도 있습니다. ❯ 형식 오류 node_modules/vite/dist/node/chunks/dep-59dc6e00.js:38663:46 ❯ TransformContext.error node_modules/vite/dist/node/chunks/dep-59dc6e00.js:38659:19 ❯ TransformContext.transform node_modules/vite/dist/node/chunks/dep-59dc6e00.js:56777:22 ❯ 비동기 Object.transform node_modules/vite/dist/node/chunks/dep-59dc6e00.js:38900:30 ❯ 비동기 doTransform node_modules/vite/dist/node/chunks/dep-59dc6e00.js:55857:29

이 문제를 해결하는 방법은 무엇입니까?

Answer 1

여기 표시된 파일의 HTML 부분은 자바스크립트로 처리됩니다. 이는 Vue가 이 HTML을 인식하지 못한다는 의미입니다.

제 경우에는 *.vue 대신 *.Vue(대문자 V)라는 컴포넌트 이름을 지정했기 때문에 오류가 발생했습니다.

으아아아

파일 이름을 .vue로 변경하고 import 문을 변경하여 작동하게 해야 했습니다. 혹시나 해서 서버도 다시 시작했어요

으아아아

이것은 .Vue 파일이 (컴포넌트가 아닌) 일반 js 파일로 취급되기 때문일 수 있습니다. 추측컨대, 저는 Vue를 처음 사용합니다.