フロントエンドのプロジェクトで、uniappでWeChat開発ツールアプレットを実行すると、×の初期化エラーが発生し、ブラウザが実行できない問題を解決する

プロジェクトのシナリオ:

Uniapp は、小さなプログラムやマルチターミナル Web ページを構成してプロジェクトを実行する方法を知りません。

操作不能エラーが報告されます。

[WeChat Mini Program Developer Tools] - 初期化
[WeChat Mini Program Developer Tools]
[WeChat Mini Program Developer Tools] × IDE がポートで既に起動している可能性があり、図のように接続しようとしています

---

問題の説明

これは、セキュリティ設定とランタイム設定が正しく構成されていないためです。

まず、セキュリティ設定を構成します。

① WeChat 開発ツールを開き、図のように [設定] をクリックします。

②サービスポートを開く

③設定の自動保存をオフにして、Hbuilderxで実行設定を行う

2、実行構成

①hbuilderxを開き、実行をクリックし、WeChatアプレットの実行設定をクリック

②実行中の設定で、WeChat 開発ツールとブラウザーを構成します

WeChat 開発作業のインストール アドレスを入力ボックスに直接コピーします。

ブラウザーのインストール アドレスを入力ボックスに直接コピーします。

③実行中の設定を閉じて自動保存

---

最後に実行します：

ミニ プログラム: ミニ プログラム シミュレーター、WeChat 開発者ツールを開きます

モバイル Web ブラウザー:

---

著者の最後の記事:

vue-cli5.0 scaffolding のインストール、構築、運用_Italian Blog-CSDN Blog_vue4.0 Scaffolding Vue CLI は、迅速な開発を目的とした Vue.js に基づく完全なシステムです。虫めがねを開いてcmdと入力し、コマンドボックスから飛び出す インストール後、インストールが成功したかどうかを確認します。Enterを押すと以下が表示されるので、プロジェクトに合わせて選択してください。ここで、作成者は 3 つ目の [手動で機能を選択して、必要な構成をカスタマイズする] を選択します。ここに来て、vue3 と vue2 のどちらを選ぶか尋ねました。私自身のニーズに応じて、著者は vue2 を選択しました。次に、ルート履歴ルーターを使用するか、パスに # 番号を付けるかを選択します. サーバーを構成する必要がないように、N を選択することをお勧めします. この部分がほぼ完成したということは、ファイルの構成をpackage.jsonに配置するか、配置することを意味します。