質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

AWS Amplify

AWS Amplifyとは、AWSを用いたWebアプリケーション向けのJavaScriptライブラリです。サインアップ/サインイン、MFA、コンテンツ管理、さらにサーバーレスなバックエンドの自動構築などの実装が容易にできます。

Q&A

0回答

1593閲覧

Nuxtでaws Amplifyを使いたい

naa07

総合スコア25

Nuxt.js

Nuxt.jsは、ユニバーサルなSPAが開発可能なVue.jsベースのフレームワーク。UIの描画サポートに特化しており、SSRにおけるサーバーサイドとクライアントサイドのUIレンダリングなどさまざまな機能を持ちます。

AWS Amplify

AWS Amplifyとは、AWSを用いたWebアプリケーション向けのJavaScriptライブラリです。サインアップ/サインイン、MFA、コンテンツ管理、さらにサーバーレスなバックエンドの自動構築などの実装が容易にできます。

0グッド

0クリップ

投稿2021/12/22 06:18

NuxtでAWS amplifyを使用したいので Amplify Docs を見ながらインストールをしました。

amplify init npm install aws-amplify @aws-amplify/ui-vue npm run dev

としたところ以下のようなエラーが出てしまいました。(amplifyを使用する前まではエラーは出てませんでした。)You may need an appropriate loaderこちらのエラーの解決方法を教えていただきたいです。

ERROR Failed to compile with 2 errors 3:06:48 PM error in ./node_modules/camelcase-keys/index.js Module parse failed: Unexpected token (33:2) You may need an appropriate loader to handle this file type. | deep: false, | pascalCase: false, | ...options | }; | @ ./node_modules/@aws-amplify/geo/lib-esm/Providers/AmazonLocationServiceProvider.js 49:0-43 @ ./node_modules/@aws-amplify/geo/lib-esm/Geo.js @ ./node_modules/@aws-amplify/geo/lib-esm/index.js @ ./node_modules/aws-amplify/lib-esm/index.js @ ./plugins/amplify.js @ ./.nuxt/index.js @ ./.nuxt/client.js @ multi webpack-hot-middleware/client?name=client&reload=true&timeout=30000&path=/__webpack_hmr ./.nuxt/client.js error in ./node_modules/idb/build/esm/index.js Module parse failed: Unexpected token (78:4) You may need an appropriate loader to handle this file type. | } | replaceTraps((oldTraps) => ({ | ...oldTraps, | get: (target, prop, receiver) => getMethod(target, prop) || oldTraps.get(target, prop, receiver), | has: (target, prop) => !!getMethod(target, prop) || oldTraps.has(target, prop), @ ./node_modules/@aws-amplify/datastore/lib-esm/storage/adapter/IndexedDBAdapter.js 76:0-27 @ ./node_modules/@aws-amplify/datastore/lib-esm/storage/adapter/getDefaultAdapter/index.js @ ./node_modules/@aws-amplify/datastore/lib-esm/storage/storage.js @ ./node_modules/@aws-amplify/datastore/lib-esm/datastore/datastore.js @ ./node_modules/@aws-amplify/datastore/lib-esm/index.js @ ./node_modules/aws-amplify/lib-esm/index.js @ ./plugins/amplify.js @ ./.nuxt/index.js @ ./.nuxt/client.js @ multi webpack-hot-middleware/client?name=client&reload=true&timeout=30000&path=/__webpack_hmr ./.nuxt/client.js OPEN http://localhost:3000

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問