yuusuke-roughの日記

Java,SpringBoot,趣味等

Webjarsを使ってReactに触れる in Spring Boot

触れたというのか。

仕事後にReactチュートリアルしようとして、こんなつらい目に遭うと思わなかった日記。

 

既存のウェブサイトに React を追加する – React

Spring Secutiryを実装しているプロジェクトで使用したいので、Webjarsで探すと...

GitHub - webjars/react

 

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を表示完了。

返答としては、疲れるけど、嫌いじゃない。

 

後日、整理していきます。

明日、お仕事なので寝ます。