これらの操作を実行して新しい vue アプリケーションを作成しました (vue ドキュメントによると )
npm init vue@latest
npm インストール
次に、npm run devを実行してみました。そして、これが起こりました。
npm run dev
私の環境はこれです
私の package.json
私の vite.config.js
しばらく検索しましたが、結果がありませんでした。前もって感謝します。
ここでも同じ問題があります。出力はブラウザ実行用に最適化されており、「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
ついに解決策が見つかりました。 この問題は、package.json ファイルの競合によって発生します。 Vite は、プロジェクト独自の package.json ファイルではなく、プロジェクトの親ディレクトリにある間違った package.json ファイルを使用しました。このような -＃＃＃ p>
package.json:1:0: エラー: 予期しないファイルの終わりです
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
ここでも同じ問題があります。出力はブラウザ実行用に最適化されており、「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
リーリーついに解決策が見つかりました。 この問題は、package.json ファイルの競合によって発生します。 Vite は、プロジェクト独自の package.json ファイルではなく、プロジェクトの親ディレクトリにある間違った package.json ファイルを使用しました。このような -＃＃＃ p>
- ~/package.json(間違ったファイル)
- ~/Projects/VueProject/package.json(正しいファイル)
したがって、間違ったファイルを削除すると、問題は解決します。
この github の質問に対する回答ありがとうございますpackage.json:1:0: エラー: 予期しないファイルの終わりです