vite は vite.config.js から設定をロードできません。

Question

これらの操作を実行して新しい vue アプリケーションを作成しました (vue ドキュメントによると )

1. npm init vue@latest
2. npm インストール

次に、npm run devを実行してみました。そして、これが起こりました。

私の環境はこれです

• オペレーティング システム => Ubuntu
• ノードのバージョン => 18.7.0
• npm バージョン => 8.15.0

私の package.json

リーリー

私の vite.config.js

リーリー

しばらく検索しましたが、結果がありませんでした。前もって感謝します。

Answer 1

ここでも同じ問題があります。出力はブラウザ実行用に最適化されており、「path、fs など」などのモジュールはブラウザ用に存在していないようです。これは Nodejs 自体の一部であるため、当然のことです。ブラウザでは機能しません。これがこれまでの私の仮定です。

なぜ私がこのような仮定をしたのかを理解するには、さまざまな解決策を見てください。

https://github.com/vitejs/vite/Discussions/6849 https://github.com/vitejs/vite/issues/7821#issuecomment-1142328698

https://github.com/marcofugaro/browserslist-to-esbuild https://esbuild.github.io/getting-started/

この情報を踏まえると、Vite をバンドラーとして使用してビルドの失敗を防ぐためのよりシンプルなソリューションを希望します。

構成ロールアップオプション

最も簡単な解決策は、外部を定義することだと思います。 https://rollupjs.org/configuration-options/#external

リーリー

Answer 2

ついに解決策が見つかりました。 この問題は、package.json ファイルの競合によって発生します。 Vite は、プロジェクト独自の package.json ファイルではなく、プロジェクトの親ディレクトリにある間違った package.json ファイルを使用しました。このような -＃＃＃

• ~/package.json(間違ったファイル)
• ~/Projects/VueProject/package.json(正しいファイル)

したがって、間違ったファイルを削除すると、問題は解決します。

この github の質問に対する回答ありがとうございます

package.json:1:0: エラー: 予期しないファイルの終わりです