前提・実現したいこと
Angularでng serveでレンダリングした時にブラウザのbtnがさわれないです。
経緯としては、Amplifyの導入をする前に表示されていた部分がAmplifyを導入した後にうまくいかなくなっています。
具体的は、レイアウトが崩れていたり、btnが押せなくなったりしてます。
発生している問題・エラーメッセージ
エラーが発生しておらずレンダリングが完了してしまっているので、原因特定ができなくて困ってます。
該当のソースコード
挙動がおかしい部分になります。
<div class="wrapper"> <div class="page-header section"> <div class="content-center"> <div class="container"> <div class="title-brand"> <h1 class="presentation-title">サイトです。</h1> </div> <h2 class="presentation-subtitle text-center">好きな/h2> <div class="d-grid gap-2 col-6 mx-auto"> <a href="/home" class='button-set'> <button type="button" class="btn btn-secondary btn-lg">Get Start</button> </a> </div> </div> </div> </div> <div class="main"> <div class="section section-dark section-nucleo-icons"> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-12"> <h2 class="title">Nucleo Icons</h2><br/> </div> </div> </div> </div> <div class="section"> <h2 class="title">Icons</h2><br/> </div> </div> </div>
↓tsconfig.tsです。
{ "compileOnSave": false, "compilerOptions": { "baseUrl": "./", "outDir": "./dist/out-tsc", "sourceMap": true, "declaration": false, "downlevelIteration": true, "experimentalDecorators": true, "moduleResolution": "node", "importHelpers": true, "target": "es2015", //"module": "es2020", "module": "esnext", "lib": [ "es2018", "dom" ], "paths": { "crypto": [ "./node_modules/crypto-js" ] } } }
amplifyの導入において依存関係でエラーが多発しました。
その際にangular.jsonを↓のように変更して対応しました。
"build": { "builder": "@angular-devkit/build-angular:browser", "options": { "allowedCommonJsDependencies": [ "aws-sdk", "@aws-amplify/core", "crypto-js/hmac-sha256", "crypto-js/lib-typedarrays", "crypto-js/sha256", "crypto-js/core", "crypto-js/enc-base64", "js-cookie", "isomorphic-unfetch", "@aws-crypto/sha256-js", "axios", "zen-observable", "@aws-crypto/sha256-browser", "uuid", "fast-xml-parser", "@aws-crypto/crc32", "buffer", "lodash", "ulid", "lodash/isEqual", "lodash/isEmpty", "lodash/get" ],
質問など、
エラーが出ていなくて何をどうすれば解決するのかが分からなくなっています。
トラブルシュートの方法や原因特定の方法をご教授願いたいです。
こういった場合にどうすればいいのですか?
あなたの回答
tips
プレビュー