🫠

【m5go】VScodeの左下に Add M5Stackが出ない時

2023/11/14に公開

m5goのドキュメントに、左下のAdd M5Stackボタンを押すという工程があるが、それが出ない時があります。
僕が直面したエラーと、それを治した方法を書き残しておきます。

症状

まず、shift + command + p でコマンドパレットを開いて、toggle developer toolsを押して、コンソールを開きます。
コンソールに、m5goに関するエラーで文頭に以下がある場合は僕と同じなので以下で治る可能性があります。

# vscodeの代わりにcursorを使っていた関係で少し表記は違うかも
'curdeveryday.vscode-m5stack-mpy' failed: Could not locate the bindings file. Tried:
 → /Users/USER_NAME/.cursor/extensions/curdeveryday.vscode-m5stack-mpy-1.1.10/node_modules/@serialport/bindings/build/bindings.node
 ...
 ...

解決策

結論、僕の場合@serialportが使うnative modulesが僕の使っているNodeと互換性がなかったようだったので、

npm rebuild @serialport/bindings

で治りました。

ただnpm rebuildで何回かエラーが起きたのでそれの修正は事前に必要でした。具体的には
prebuild-installコマンドがなかったので以下でダウンロード

npm install -g prebuild-install

また、node-addon-apiパッケージがなかったので

npm install node-addon-api

で入れました。

結果

vscodeをリロードするとちゃんと出てきました〜

Discussion