触れたというのか。
仕事後にReactチュートリアルしようとして、こんなつらい目に遭うと思わなかった日記。
既存のウェブサイトに React を追加する – React
Spring Secutiryを実装しているプロジェクトで使用したいので、Webjarsで探すと...
reactjs - Import react from webjars - Stack Overflow
Reactを動かすにはReact Domが必要。(気づかず1回目ハマる)
Maven Centralで調べると18.1.0が出てくるが、ReactとReact Domはバージョンを合わせる事が推奨されている。実際に18.1.0と組み合わせると、
Cannot read properties of undefined (reading '__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED'
がでてくる。(二回目ハマる
Maven Central: org.webjars:react:16.5.2
じゃあ、HTMLにパスを書こうかと
/webjars/react-dom/16.5.2/umd/react.development.js記載も404。
C直下のフォルダにあるreact-domのファイル探したり、umdって何?developmentとproductionの違いは?server.browser.jsやserver.js、index.js...(多すぎ)の違いは?と地獄を見て、下記に行きつく。
/webjars/react-dom/16.5.2/umd/react-dom.production.min.js
react-domとreactの順序が逆で
ReactDOM was loaded before React. Make sure you load the React package before loading ReactDOM.
修正して終わり。
無事、You liked thisを表示完了。
返答としては、疲れるけど、嫌いじゃない。
後日、整理していきます。
明日、お仕事なので寝ます。