これはcrossorigin記述が抜けている事で起こる問題です。
ユーザの資格情報を必要とするマニフェストを読み取るときには指定する必要があります。
// Location: public/index.html
// ERROR
<link rel="manifest" href="%PUBLIC_URL%/manifest.json">
// OK
<link rel="manifest" crossorigin="use-credentials" href="%PUBLIC_URL%/manifest.json">一年前のReact Appではこのエラーは起きません。
バージョンアップ時には気をつけましょう。
Uncaught TypeError: Super expression must either be null or a function, not
undefined particles.js:668一年前のReact Appをバージョンアップしようとしたが、
このエラーで本番環境のみ、白画面になり時間を消費しました。
検索しても情報が1件しかないので共有します。
結論を先に言うと問題は”react-particles-js”のバージョンをあげたことにより起きていました。
検証して広義ではコードの問題なんだけど、
単純にバージョンを下げれば動くということです。
私の場合はReact本体側の問題ではありませんでした。
時間があれば古い実装を改修しましょう。
It means that simply lowering the version will work.
In my case, it wasn’t a problem with React itself.
If you have a little time, let’s fix it according to the new version.
私のpackage.jsonの一部を紹介します。
// 2019.01 base dependencies [OK]
"material-ui": "^0.20.2",
"react": "^16.7.0",
"react-bootstrap": "^0.32.4",
"react-dom": "^16.7.0",
"react-particles-js": "^2.4.2",
"react-router": "^4.3.1",
"react-router-dom": "^4.3.1",
"react-scripts": "2.1.3",
"rebass": "^3.0.0"// Error dependencies [NG]
"material-ui": "^0.20.2",
"react": "^16.13.1",
"react-bootstrap": "^1.0.1",
"react-dom": "^16.13.1",
"react-particles-js": "^2.7.1",
"react-router": "^4.3.1",
"react-router-dom": "^4.3.1",
"react-scripts": "2.1.3",
"rebass": "^3.0.0"// OK dependencies [OK]
"material-ui": "^0.20.2",
"react": "^16.13.1",
"react-bootstrap": "^1.0.1",
"react-dom": "^16.13.1",
"react-particles-js": "^2.4.2",
"react-router": "^5.2.0",
"react-router-dom": "^4.3.1",
"react-scripts": "^2.1.3",
"rebass": "^3.2.2"React Appは開発環境では全く問題が起きなく、中々アバウトでも動くので早めにbuildして動作検証はした方が良いなと思いました。
他のバッケージのバージョンアップでも中々手がかかる印象でした。
私はStackOverflowの英語コミュニティとは長い付き合いでおそらく最もお世話になっています。
そのため私情が入るのですが、StackOverflowのランキングの一部をご紹介します。下記は職業エンジニアの人気テクノロジーの項目ランキングです。
JavaやC#は大手企業が業務系アプリケーションを昔から使用しているため、安定しています。
PythonはAI分野が急激に伸びましたね。
私が主に取り扱うPHPはApacheをおけば動く気軽さとMVC、DIもフレームワークにしっかりと搭載され、しばらく経ちましたので熟成されてきました。毎年のランキングは派手ではありませんが、安定はしてます。
数年前からJavaScriptは非常に急上昇しており、フレームワークも良いものが出まししたが、node_module内が古くなり、ESのバージョンアップ時に別の方がサポートしていないか探すこともしばしば出てきましたので、今後どうなるか注視していきたいです。
近年のWebアプリケーション開発ではフロント側で出来る事がとても増えたので、難しい内容以外はフロントで済むようになりました。そのためHTML/CSSが上位にあるのは納得となります。以前はJavaScriptで実装していたものもSVGアニメーションでかなり色々と出来るようになっていますからね。
ご興味がある方はこちらから詳細をお読みください。
東京都品川区から東京都港区へ移転しました。
それによって請求書の住所も今月から変更となります。
今後ともよろしくお願いいたします。
LAMP環境下でのWebアプリケーション開発を得意としています。
開発キーワードは、PHP, JavaScript, jQuery, ECMAScript, SQL, Apache, Linuxとなります。