前提
Reactプロジェクトにてnpm startをしたところ
chromeのディベロッパーツールにて「Uncaught Error: Cannot find module '@material-ui/icons/Menu'」
というエラーログが出てしまい、画面が表示されなくなってしまいました。
実現したいこと
このエラーを治して画面を表示できる等にしたいです
試したこと
以下のコマンドを打ちましたが結果は変わりませんでした。
npm install @material-ui/core
npm install @material-ui/icons
SignUp.jsxのコード
React
import Cookies from "js-cookie"; import { useContext, useState } from "react"; import { Link } from "react-router-dom"; import { signUp } from "../api/auth"; import { AuthContext } from "../App"; import * as Icons from '@material-ui/icons/Menu' export const SignUp = () => { const { setIsSignedIn, setCurrentUser } = useContext(AuthContext); const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [passwordConfirmation, setPasswordConfirmation] = useState(""); const confirmSuccessUrl = "http://localhost:3000"; const generateParams = () => { const signUpParams = { email: email, password: password, passwordConfirmation: passwordConfirmation, confirmSuccessUrl: confirmSuccessUrl, }; return signUpParams; }; const handleSignUpSubmit = async (e) => { e.preventDefault(); const params = generateParams(); try { const res = await signUp(params); console.log(res); if (res.status === 200) { Cookies.set("_access_token", res.headers["access-token"]); Cookies.set("_client", res.headers["client"]); Cookies.set("_uid", res.headers["uid"]); setIsSignedIn(true); setCurrentUser(res.data.data); alert("confirm email"); console.log("signed in successfully"); } } catch (e) { console.log(e); } }; return ( <> <h1>サインアップページです</h1> <form> <div> <label htmlFor="email">メールアドレス</label> <input type="email" id="email" name="email" value={email} onChange={(e) => setEmail(e.target.value)} /> </div> <div> <label htmlFor="password">パスワード</label> <input type="password" id="password" name="password" value={password} onChange={(e) => setPassword(e.target.value)} /> </div> <div> <label htmlFor="password_confirmation">パスワード確認</label> <input type="password" id="password_confirmation" name="password_confirmation" value={passwordConfirmation} onChange={(e) => setPasswordConfirmation(e.target.value)} /> </div> <div> <input type="hidden" id="confirm_success_url" name="confirm_success_url" value={confirmSuccessUrl} /> </div> <button type="submit" onClick={(e) => handleSignUpSubmit(e)}> Submit </button> </form> <Link to="/signin">サインインへ</Link> </> ); };
まだ回答がついていません
会員登録して回答してみよう