Lightning Web コンポーネントのローカルプレビューを試してみました。
VSCodeのLWCに対して右クリックすると、ローカルプレビューの機能が利用できます。
3種類のモードが用意されていました。
この機能を利用するにはプラグインのインストールが必要です。インストール前だとエラーメッセージが表示されます。
Error: このコマンドを実行するには、最初に @salesforce/lwc-dev-server プラグインをインストールしてください。詳細は https://developer.salesforce.com/docs/component-library/documentation/lwc/lwc.get_started_local_dev(https://developer.salesforce.com/docs/component-library/documentation/lwc/lwc.get_started_local_dev) を参照してください。
次のコマンドでインストールできるとのことです。
sfdx plugins:install @salesforce/lwc-dev-server
自分の環境ではエラーになったのですが、次の説明がありました。
Windows + OS X instructions here: https://github.com/nodejs/node-gyp
Ubuntu users please run: `sudo apt-get install g++ build-essential`
RHEL users please run: `yum install gcc-c++` and `yum groupinstall 'Development Tools'`
Alpine users please run: `sudo apk add python make g++`
node-gypのインストールが必要のようです。
Google翻訳でどういうツールか雰囲気を確認。
次のコマンドでインストールします。
npm install -g node-gyp
・・・これで解決するかなと思って試していたのですが、エラー解決しませんでした。node-gypのページにXCode Command Line Toolsがうんぬんという記載もあったのですがそれで解決するかも不明な感じだったので今回はここまで。プラグインのインストールもsfdxと古いバージョンコマンドだったのでまた新しくなった頃に改めて試してみようと思います。
