: 요약에서는 '/src/main.tsx' 가져오기를 확인할 수 없습니다.

Question

레거시 typescript React 앱이 있고 이제 이를 webpack에서 vite로 마이그레이션하고 싶습니다. 이 명령을 사용하여 앱을 빌드하면 다음과 같은 오류가 표시됩니다.

으아아아

이 문제를 해결하려면 어떻게 해야 하나요? 인터넷에서 검색했는데 비슷한 문제에 직면한 사람이 없는 것 같습니다. 이것은 vite.config.ts:

으아아아

내가 주문한 상품은 다음과 같습니다. npm create vite@latest my-vue-app -- --template react-ts:

으아아아

이것은 index.html:

으아아아

Answer 1

저는 설치한 패키지였는데 오류가 발생했습니다. 문제는 package.json의 종속성에서 패키지를 제거했다는 사실을 잊어버렸다는 것입니다. 추가해서 문제를 해결했습니다. 당신도 할 수 있어요

으아악 으아악

Answer 2

이 질문과 유사하게 기본 vite.config.ts파일은 다음과 같습니다.

으아아아

npm run build 运行构建脚本，它会起作用，因为 index.html를 사용하는 경우 파일은 프로젝트의 루트 수준 디렉터리에 있습니다. 으아아아

root: path.join(__dirname, 'src') 这样的 root 属性，您需要一个 index.html > 放置在 src디렉토리 내부에 와 같은 파일을 전달합니다.

이제 webpack에서 마이그레이션 중이므로 src 디렉토리 내에

파일이 있고 src 目录内有 index.html 文件，并且您尝试修改vite.config.ts 中的 root의 root를 수정하여 올바른 진입점을 찾으려고 할 것입니다. 그러나 vite index.html 文件链接到 main.tsx 파일은 아래와 같이

으아아아

당신이 해야 할 일은 파일 구조를 vite가 기본적으로 제공하는 것과 동일하게 변경하는 것뿐입니다:

vite.config.ts 파일을 다음으로 변경하세요:

으아아아

그런 다음 index.html 파일을 루트 디렉터리 로 이동합니다.