App.jsのSwitchコンポーネント追加時に、ブラウザのコンソールエラーになり、真っ白表示されます。 react-dom.development.js:24856 Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports. Check the render method of `App`.
![【Ruby on Rails】params[:id] とは？（初心者〜中級者向け）Where does params[:id] come from in rails?](/img/n.gif)
ちょうどReact と Railsでポートフォリオつくろうと思ってたので最高です！！
Rails+Reactのわかりやすい解説が他になかったので大変参考になりました。本当に感謝しています!ありがとうございます! styled-componentsの``の中の保管機能を使われていると思うのですが。VSCodeの拡張機能を教えてもらえると大変助かります。
動画をご覧頂きありがとうございます。
「vscode-styled-components」という拡張機能ですね。
是非インストールしてみてください！
@@farstep4011 秒速で返信頂いて誠にありがとうございます。今すぐ使わせていただきます。
App.jsのSwitchコンポーネント追加時に、ブラウザのコンソールエラーになり、真っ白表示されます。
react-dom.development.js:24856 Uncaught Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.
Check the render method of `App`.
React Router v6から書き方が変更になっています！
SwitchではなくRoutesをimportし、
...
のように書くと、エラーがなくなります。
動画の通りにやるなら、react-router-domのversionをさげないといけませんね。