amplify,next.js

Thumbnail of post image 149
エラーの状況 amplifyでnextjsのImageタグを使ってブラウザに表示したら、エラーが発生した。 エラーの原因 Imageタグのsrcの属性が空になっている場合、このエラーが出ます。 具体例 以下の場合、srcが空であるとエラーが発生します。 <Image src={imgUrl} alt="logo" width="40" height= ...

next.js

next_js
概要 nextjsで検索と抽出を行うためのサンプルです。エラーは出ないようになっています。readmeの通りに実行すれば動作するはずです。 githubリポジトリ 動作環境 $ sw_vers ProductName: macOS ProductVersion: 11.6.5 BuildVersion: 20G527 $ node -v v16.13.0 $ npm list ├── @types ...

next.js

next_js
Build optimization failed: found pages without a React Component as default export のエラー default export をつける The expected type comes from property 'children' which is declared here on type 'DetailedHTM ...

next.js

next_js
Code that gives an error const aaa = todos.map((todo:any, index:any) => { return ( <> <li key={todo.id}> {todo.description} </li> </> ) }) Error-free code const aaa = todos.map((todo:any, ...

amplify,next.js

Thumbnail of post image 140
How to resolve the error. Not Authorized to access XXXXXXX on type Query Operating environment $ sw_vers ProductName: macOS ProductVersion: 11.6.5 BuildVersion: 20G527 $ node -v v16.13.0 $ npm list -g ...

amplify,next.js

next_js
動作環境 amplify & next.js (2022年7月) npm list -g ├── @aws-amplify/cli@9.1.0 ├── npm@8.1.0 npm list ├── @aws-amplify/api@4.0.45 ├── @aws-amplify/core@4.5.9 ├── @aws-amplify/pubsub@4.4.6 ├── @aws-amplif ...

next.js

Thumbnail of post image 178
動作環境 amplifyでcypressを使うことを前提に書いてます。 簡単な手順 // amplifyを準備する 省略 // cypress をインストールする npm install cypress@6.3.0 mochawesome@4.1.0 mocha start-server-and-test --save-dev // cypressを実行する npx cypress open 以上 ...

next.js

next_js
動作環境 nextjs エラーの出ているコード (ファイル名:_app.tsx) import { SessionProvider } from 'next-auth/react'; function MyApp({ Component, pageProps: { session, ...pageProps } }) { return ( <SessionProvider session={ ...

amplify,next.js

Thumbnail of post image 038
検索で引っ掛からなかったので、書きました。amplify/.config/project-config.json のフォルダの中に、DistributionDirと書かれていますが、これは何を意味しているのか、気になったので調べました。 project-config.json project-config.jsonはamplify initを実行すると作成されます。以下のような内容です。proje ...

amplify,next.js

Thumbnail of post image 033
動作環境 AmplifyNext.jsMacOSでnpm run buildで発生 エラーの表示内容は以下の通り。 Error: No router instance found. You should only use "next/router" on the client side of your app. at getRouter (/Users/****/****/*****/*****/ ...

next.js

next_js
next.js 以下の行でエラーが発生するconsole.log("user!.username ... " + JSON.stringify(user!.username as string))次のように変えるとエラーが取りあえず直った。console.log("user?.username ... " + JSON.stringify(user?.username)) ?も!もつけないと、Ob ...

next.js

next_js

エラーの内容 npm run buildを実行すると、エラーになってしまういました。(ビルドができない)エラーの表示内容はすごく長いので割愛しますが、ReferenceError: localStorage is not definedという表示の後にずらーと長いエラー表示がされました。localStorageの行をコメントアウトをすると、エラーが出なくなります。でも、localStorageは使 ...

next.js

next_js
動作環境 nextjs 解決方法 pages/xxxxx.tsx のファイルの中で const Xxxxx: FC = () => { (省略)}となっている場合export default Xxxxx;を追加すれば解決しました。

next.js

next_js
タイトルが適当ではない気がしますが・・・。検索で引っかかればOK的な感じです。 動作環境 next.jstypes $ npm list ├── @types/node@18.0.1 ├── @types/react-dom@18.0.5 ├── @types/react@18.0.14 ├── eslint-config-next@12.2.0 ├── eslint@8.19.0 ├── nex ...

next.js

next_js
動作環境 next.jsnode v16.13.0amplify NextAuth.js トラブルの状況 amplifyとNest.jsで作成中のプロジェクトに、NextAuth.jsを入れてログイン画面のカスタマイズをして、localhost:3000からNextAuth.jsのsignIn()関数でログインを実行したら、タイトル通りのエラーが表示された。 原因 結局まだよくわからない。ただ、以 ...

next.js

next_js
トラブルの症状 nextjsで自分が作成したmodulesタイプのcssが反映されない。 動作環境 2022年7月 macOS M1 ローカルPC開発作業 $ npm info next version 12.2.0 $ npm list ├── (省略) ├── @types/node@18.0.0 ├── @types/react-dom@18.0.5 ├── @types/react@18. ...