vscodeで書いたindex.htmlファイルをgooglechromeにドラッグアンドドロップしたいです。

Question

前提・実現したいこと

vscodeで書いたindex.htmlファイルをGoogle chromeにドラッグアンドドロップしたところ、こう表示されました。

ファイルへのアクセスが拒否されましたfile:///Users/karasakitakahiro/Desktop/MyPortfolio/index.html のファイルを読むことができません。削除されたか移動された可能性があります。ファイルに対するアクセス権がない場合もあります。
ERR_ACCESS_DENIED

ドットインストールの動画を見ながら、最初から順番に進めてます。
ダウンロードもやり直しましたが、上のエラーメッセージが出ます。

どう対処したら良いですか？

発生している問題・エラーメッセージ

ファイルへのアクセスが拒否されましたfile:///Users/karasakitakahiro/Desktop/MyPortfolio/index.html のファイルを読むことができません。削除されたか移動された可能性があります。ファイルに対するアクセス権がない場合もあります。
ERR_ACCESS_DENIED

該当のソースコード

ソースコード

試したこと

一度スリープにしてやり直す。　optionキーを押しながらドラッグアンドドロップをする。　タブの位置にしっかり合わせて5秒たってドロップする。

補足情報（FW/ツールのバージョンなど）

パソコンはMacBook Pro16インチを使ってます。

Comments

[technocore]

MacのデスクトップにMyPortfolioフォルダがあり、
その中にindex.htmlのアイコンがあると思いますが
そのアイコンをGoogle chromeにDrag&Dropしてもそのエラーが出ますか？

[io-europa]

ありがとうございます。この方法で出来ました。
過去にもこのような事があったのですか？

[technocore]

＞過去にもこのような事があったのですか？
あまり聞かないですね。
VSCodeがindex.htmlをつかんでいるのに、Finder上で
フォルダを移動させたり名前を変えたりしませんでしたか？

[io-europa]

はい。その操作はやってないです。

Answer 1

スマホからなので簡単に。

vs codeから直接はできないと思います。
タブを右クリック(マックでどうやるかは知りません)して出てくるコンテキストメニューにファインダーで開くって有れば、ファインダー経由でやれば良いと思います。

Comments

[io-europa]

MacのデスクトップにあるMyPortfolioフォルダ。
その中にindex.htmlのアイコンがあり、
そのアイコンをGoogle chromeにDrag&Drop出来ました。