JSX element implicitly has type ‘any’ because no interface ‘JSX.IntrinsicElements’ exists. の解決方法
動作環境 VSCodeMacOSnext.js 警告表示が発生した状況 git cloneした後に、ファイルを開いたらタイトルで書いたエラーが発生しました。npm run buildは成功しますが、htmlのタグが赤い波線が出るので、うざいです。 解決方法 まず、npm installします。その後に、VSCodeで、⌘+P (Windows ではCtrl + P)を押下後、>Reload Win ...
DistributionDir とは? (Zipping artifacts failed. This is often due to an invalid distribution directory path.のエラー)
検索で引っ掛からなかったので、書きました。amplify/.config/project-config.json のフォルダの中に、DistributionDirと書かれていますが、これは何を意味しているのか、気になったので調べました。 project-config.json project-config.jsonはamplify initを実行すると作成されます。以下のような内容です。proje ...
Error: No router instance found. You should only use “next/router” on the client side of your app.のエラーを解決
動作環境 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/****/****/*****/*****/ ...
git push できない理由
一度 -u をつけて push しないと 省略はできない このルールを知らないと、なぜgit pushができないか不明のまま git push origin main というコマンドを打ち続けることになります。git pushという省略形を使うのは、1年以上git push <リモートレポジトリ名> <ローカルブランチ名>の形式でコマンドを打ち続けてから、git push という省略形 ...
宇宙人に左右を教える方法
まずコバルト60の原子を絶対零度近くまで冷やす。そして原子核の軸を強い磁場の方に整列させ、ベータ崩壊に伴い軸の両端から出る電子の数が多い方が「南極」だ。これで惑星のどちらが南極でどちらが北極かがわかったから、次に磁石を持ってきて水に浮かべ、先程定めた南極方向に引かれる方がS極、その端がN極だと定める。最後に銅線に手前から奥方向へ電流を流し、その下に水に浮かべた磁石を置く、そうして用意した磁石のN極 ...
vue ui でTypeError: server.installSubscriptionHandlers is not a functionのエラー
具体的な内容 vue ui のコマンドを打ったら、以下のエラーが発生しました。TypeError: server.installSubscriptionHandlers is not a function 動作環境 MacOS M1 2022年7月 $ node -v v16.13.0 $ npm list -g ├── @vue/cli@5.0.7 ├── npm@8.1.0 解決方法 5系を使 ...
Application error: a client-side exception has occurred (see the browser console for more information).のエラー
next.js 以下の行でエラーが発生するconsole.log("user!.username ... " + JSON.stringify(user!.username as string))次のように変えるとエラーが取りあえず直った。console.log("user?.username ... " + JSON.stringify(user?.username)) ?も!もつけないと、Ob ...
ReferenceError: localStorage is not defined のエラーの解決方法
エラーの内容 npm run buildを実行すると、エラーになってしまういました。(ビルドができない）エラーの表示内容はすごく長いので割愛しますが、ReferenceError: localStorage is not definedという表示の後にずらーと長いエラー表示がされました。localStorageの行をコメントアウトをすると、エラーが出なくなります。でも、localStorageは使 ...
> Build optimization failed: found page without a React Component as default export in pages/xxxxxxx のエラー
動作環境 nextjs 解決方法 pages/xxxxx.tsx のファイルの中で const Xxxxx: FC = () => { (省略)}となっている場合export default Xxxxx;を追加すれば解決しました。
const [ session ] = useSession()でエラーになるのを解決
タイトルが適当ではない気がしますが・・・。検索で引っかかれば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 ...
{“code”:”BadRequest”,”message”:”The server did not understand the operation that was requested.”,”type”:”client”}のエラー
動作環境 next.jsnode v16.13.0amplify NextAuth.js トラブルの状況 amplifyとNest.jsで作成中のプロジェクトに、NextAuth.jsを入れてログイン画面のカスタマイズをして、localhost:3000からNextAuth.jsのsignIn()関数でログインを実行したら、タイトル通りのエラーが表示された。 原因 結局まだよくわからない。ただ、以 ...
知っていないと恥ずかしい建築デザイナー
この記事は建築家について、まったく知らない人を対象にしています。 一覧リスト とりあえず、世界的な建築家の一覧を書いておきます。名前だけだと、ドライすぎて面白くないと思います。 世界の建築家一覧 ル・コルビュジエ（スイス）アントニ・ガウディ（スペイン）フランク・ロイド・ライト（アメリカ）ザハ・ハディッド（ザハ）ブルーノ・タウト（ドイツ）ミース・ファン・デル・ローエ（ドイツ）フィリップ・ジョンソン（ ...
nextjs typescript css modules反映されない
トラブルの症状 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. ...
amplifyのコンソールからアプリが削除できない場合
トラブルのケース その1 AWS Amplifyのアプリを削除しようと、アクション>アプリの削除 を実行すしてもエラーが表示されて削除できない。表示されるエラーの内容は、以下の通り。Delete app xxxxxxxxxxxxxxx failed with reason: ResourceNotFoundException - An error occurred while processing ...
amplifyメモ
amplify push と amplify publish の違い amplify push はバックエンドのリソース設定publish は バックエンドとフロントエンドを両方含めたデプロイ(参考元)
npm でinstallしたパッケージとコマンドのメモ
感想 個人用のメモです。皆、グローバルでインストールするか、ローカルでインストールするか、悩むと思います。 グローバル インストール // Angular CLIのインストール // ngコマンドが使えるようになる npm install -g @angular/cli // ionicコマンドが使えるようになる npm install -g @ionic/cli // amplifyコマンドが使 ...
nでNode.jsアップグレードしても変わらない
動作環境 MacOS M1node.js 原因 過去にenyenvの設定をしていたことが原因でした。.bash_profileを開いて、anyenvの行をコメントアウトしたら、node.jsのバージョンが変わりました。 参考サイト node.js「n」でアップデートしても反映されないこちらの例では、過去にnodebrewをインストールしていたため反映されないとのことで参考になりました。感謝。オール ...
Amplify Admin UIが表示されない
動作環境 MacOSAWS amplify トラブルの症状 他の解説サイトで書いてあるようにしても、Amplify Admin UIのリンクが表示されない。 原因 Amplify Admin UIは、Amplify Studioに機能に含まれるようになったので、Amplify Studioのリンクを押下する。左側メニューのSet up の中にある Authentication でログイン認証機能の ...
amplify mock no schema available と表示される
動作環境 MacOSAWS amplifynpm 症状 コマンドラインからamplify mockと入力した際に、エンドポイントが表示されない。エンドポイントが表示されない状態で、ブラウザからlocalhost:20002にアクセスしても、画面の左側のエリアにno schema availableと表示されて、データが表示されないという症状です。 原因 まず、疑うべきなのが、npm でインストール ...
laravel ユーザー登録を管理者のみ許可する
動作環境laravel 9php 8.0 自分が正解だと思う方法は、管理者を確認するmiddlewareを作成して利用することです。middlewareを追加して管理者権限ユーザーのみアクセスを許可する別の方法として、\app\Http\Auth\RegisterController.phpの設定を変更するという方法もあります。Laravel：管理者のみに新規ユーザー登録(register)を許可 ...