: Zusammenfassung kann Import „/src/main.tsx' nicht auflösen

Question

Ich habe eine ältere TypescriptReact-Anwendung und möchte sie jetzt von Webpack zu Vite migrieren. Wenn ich die Anwendung mit diesem Befehl erstelle, wird ein Fehler wie dieser angezeigt: >tsc&&vitebuildvitev4.3.5buildingforproduktion... ✓2modulestransformed. ✓builtin32ms[vite]: Rollup konnte Import&q nicht lösen

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文件移动到根目录。