: 概要: インポート '/src/main.tsx' を解決できません

Question

従来の TypeScript React アプリがあり、それを webpack から vite に移行したいと考えています。このコマンドを使用してアプリをビルドすると、次のようなエラーが表示されます。

リーリー

この問題を解決するにはどうすればよいですか?インターネットで検索しましたが、同様の問題に直面している人はいないようです。これは vite.config.ts:

です リーリー

これは、npm create vite@latest my-vue-app -- --template reverse-ts:

から渡したコマンドです。 リーリー

これは index.html:

です リーリー

Answer 1

私の場合、それはインストールしたパッケージでしたが、エラーが発生しました。問題は、package.json の依存関係からパッケージを削除したことを忘れていたことです。追加することで問題を解決しました。こんなこともできます

リーリー リーリー

Answer 2

この質問と同様に、デフォルトの vite.config.ts ファイルは次のとおりです: リーリー

npm run build を使用してビルド スクリプトを実行すると、index.html ファイルがプロジェクトのルート レベルにあるため、ビルド スクリプトは機能します。 リーリー p>

root: path.join(__dirname, 'src') のような root 属性を渡すことで、## に index.html > を配置する必要があります。 #src ディレクトリ の 内のファイル。 さて、webpack から移行しているため、

src

ディレクトリ内に index.html ファイルがあり、vite.config.ts ## を変更しようとしている可能性があります。 #root in を使用して正しいエントリ ポイントを見つけます。 ただし、vite index.html ファイルは、以下に示すように main.tsx ファイルにリンクされています リーリー あなたがする必要があるのは、vite がデフォルトで提供するものと同じになるようにファイル構造を変更することだけです:

vite.config.ts

ファイルを次のように変更します:

リーリー 次に、index.html

ファイルを

ルート ディレクトリ に移動します。