：匯總無法解析導入'/src/main.tsx”

Question

我有一個遺留的typescriptReact應用程序，現在我想將其從webpack遷移到vite，當我使用此命令構建應用程式時，顯示如下錯誤：>tsc&&vitebuildvitev4.3.5buildingforproduction...✓2modulestransformed.✓builtin32ms[vite] :Rollupfailedtoresolveimport&q

P粉080643975 · Answer

對我來說，這是我安裝的軟體包，但出現了錯誤。問題是我忘記了我從 package.json 中的依賴項中刪除了該套件。我通過添加它解決了這個問題。你也可以這樣做

npm uninstall package

npm install package

P粉042455250 · Answer

類似於這個問題，預設的vite.config.ts檔案如下：

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
})

如果您使用 npm run build 執行建置腳本，它會起作用，因為 index.html 檔案位於專案的根級目錄中。 p>

rootDir/
  |- src/
      |- 
  |- index.html
  |- vite.config.ts

透過傳遞像root: path.join(__dirname, 'src') 這樣的root 屬性，您需要一個index.html > 放置在src 目錄內部的檔案。

現在，由於您是從webpack 遷移的，因此您可能在src 目錄內有index.html 文件，並且您嘗試修改vite.config.ts 中的root 來找出正確的入口點。但是，vite index.html 文件連結到 main.tsx 文件，如下

您需要做的就是將檔案結構更改為與 vite 預設為您提供的檔案結構相同：

將您的 vite.config.ts 檔案更改為：

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [react()],
  build:{
    outDir: "build"
  }
})

然後將index.html檔案移到根目錄。