vite는 vite.config.js에서 구성을 로드할 수 없습니다.

Question

저는 이러한 작업을 수행하여 새로운 vue 애플리케이션을 만들었습니다(vue 문서에 따라)

1. npm init vue@latest
2. npm install

그럼 나는 달려보려고npm run dev. 그리고 이런 일이 일어났습니다.

내 환경은 이렇습니다

• 운영 체제 => 우분투
• 노드 버전 => 18.7.0
• npm 버전 => 8.15.0

내 package.json

으아악

내 vite.config.js

으아악

오랫동안 검색했는데 결과가 없습니다. 미리 감사드립니다.

Answer 1

저도 같은 문제가 있습니다. 출력은 브라우저 실행에 최적화된 것으로 보이며 "path, fs 등"과 같은 모듈은 브라우저에 존재하지 않습니다. 이는 Nodejs 자체의 일부이기 때문에 의미가 있습니다. 브라우저에서는 작동하지 않습니다. 이것이 지금까지 나의 가정이다.

내가 왜 이런 가정을 했는지 이해하려면 다양한 솔루션을 살펴보세요.

https://github.com/vitejs/vite/discussions/6849 https://github.com/vitejs/vite/issues/7821#issuecomment- 1142328698

https://github.com/marcofugaro/browserslist-to-esbuild https://esbuild.github.io/getting-started/

이 정보를 고려할 때 Vite를 번들러로 사용하여 빌드 실패를 방지하는 더 간단한 솔루션을 선호합니다.

롤업 옵션 구성

가장 간단한 해결책은 외부를 정의하는 것이라고 생각합니다. https://rollupjs.org/configuration-options/#external

으아악

Answer 2

드디어 해결책을 찾았습니다. 문제는 package.json 파일의 충돌로 인해 발생합니다. Vite는 프로젝트 자체 package.json 파일 대신 프로젝트의 상위 디렉터리에 있는 잘못된 package.json 파일을 사용했습니다. 이렇게 - p>

• ~/package.json(잘못된 파일)
• ~/Projects/VueProject/package.json(올바른 파일)

따라서 잘못된 파일을 삭제하면 문제가 해결됩니다.

이 Github 문제에 대한 답변에 감사드립니다. package.json:1:0: 오류: 예기치 않은 파일 끝