検索

ホームページ  >  に質問  >  本文

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

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

リーリー

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

です リーリー

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

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

これは index.html:

です リーリー


P粉529581199P粉529581199387日前800

全員に返信(2)返信します

  • P粉080643975

    P粉0806439752024-01-29 16:27:01

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

    リーリー リーリー

    返事
    0
  • P粉042455250

    P粉0424552502024-01-29 09:51:06

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

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

    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

    ファイルを

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

    返事
    0
  • キャンセル返事