vue devtools のインストールが失敗した場合の対処方法

vue devtools のインストールに失敗した場合の解決策: 1. 公式 Web サイトから「vue-devtools」圧縮パッケージをダウンロードして解凍します; 2. git bash をインストールします; 3. cd で「devtools-main」に移動しますターミナル内のフォルダー; 4.「npm installyarn -g」コマンドを実行; 5.「manifest.json」ファイルを開き、「persistent」を「true」に変更します。

このチュートリアルの動作環境: Windows 10 システム、vue-devtools バージョン 6.1.4、Dell G3 コンピューター。

vue devtools のインストールが失敗した場合はどうすればよいですか?

vue-devtools インストール プロセス中のエラー報告について

1. Google Chrome を使用して圧縮ファイルをダウンロードします。公式 Web サイトのパッケージで、ストレージ パスを覚えて (中国語を含むストレージ パスは避けてください)、それを解凍します

GitHub - vuejs/devtools: ⚙️ Vue をデバッグするためのブラウザ devtools 拡張機能.js アプリケーション。

2. git bash をインストールします (ブログでインストール チュートリアルを見つけてください)

#これで完了です

3. ターミナルで、devtools-main フォルダーに cd します。通常、圧縮されたパッケージは解凍され、フォルダーにラップされることに注意してください。必ず package.json のあるフォルダーに cd してください。 (

次へ すべての命令はこのフォルダーで操作されます )

3. 一部のエラーは npm 自体の制限によるものであり、一部のモジュールはインストールされていません。エラーを避けるため、yarn を直接インストールしてください

npm install yarn -g
npm install webpack webpack-cli –g   //（全局安装webpack、webpack-cli）

4. 現在のターミナルを閉じ、フォルダーを右クリックして git bash で開き、次の操作を実行します

yarn install

その後、VS コードでmanifest.json ファイルを開き、画像内の永続を true に変更します

最後に、前に開いた git bash でコマンド Yarn を実行します。ビルドを実行し、インストールを待ちます

5. Chrome で設定を開きます--->その他のツール--->拡張機能--->開く右上隅の開発者モードでページを更新し、「解凍した拡張機能をロード」をクリックして devtools-main フォルダーを開きます。

# 「詳細」をクリックして、「ファイル URL へのアクセスを許可する」にチェックを入れます(Bilibili ホームページを開いて、小さな V マークがあるかどうかを確認できます)

推奨学習: 「

vue ビデオ チュートリアル 」

以上がvue devtools のインストールが失敗した場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。