【やろうとしていること】
下記チュートリアルを進めてStep5まで完了できました。
https://shopify.dev/apps/getting-started/add-functionality
次の段階として、REST Admin APIを使った機能を実装しようとしています。
【起きている問題】
REST Admin APIを使おうとindex.jsファイルでshopify-apiをインポートしたところ、エラーが出てしまいました。
./page/index.js に追加したコード
import Shopify from '@shopify/shopify-api';
エラー
wait - compiling...
error - ./node_modules/@shopify/shopify-api/dist/clients/http_client/http_client.js:7:0
Module not found: Can't resolve 'fs'
Import trace for requested module:
./node_modules/@shopify/shopify-api/dist/auth/oauth/oauth.js
./node_modules/@shopify/shopify-api/dist/auth/oauth/index.js
./node_modules/@shopify/shopify-api/dist/index.js
./pages/index.js
【やってみたこと】
自分なりに調べてnext.jsに関する同様の情報を見つけました。Shopify CLIのようなホットリロード実行環境で起きる現象らしいことは分かりましたが、解決方法は分かりませんでした。
（試しにnext.config.jsを投稿にあった内容に書き換えてみましたが、別のエラーが出てしまいました。）
https://github.com/vercel/next.js/issues/7755
https://github.com/vercel/next.js/issues/9768
https://nextjs.org/docs/messages/module-not-found
初歩的な勘違いやミスをしているかもしれませんので、小さなことでもアドバイスをいただけると大変助かります。
宜しくお願い致します。
【開発環境】
・OS：macOS 10.15.7 (Catalina)
・Shopify CLI：2.10.1
・Node.js：16.14.0