：汇总无法解析导入'/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文件移动到根目录。