remix run error

gistfile1.txt

Building Remix app in production mode...

✘ [ERROR] Could not resolve "~/styles/components/Header.css"

    app/components/Header.tsx:7:40:
      7 │ ... { default as headerStyles } from "~/styles/components/Header.css";
        ╵                                      ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  You can mark the path "~/styles/components/Header.css" as external to exclude it from the bundle, which will remove this error.

 ✘ [ERROR] Could not resolve "~/styles/shared/global.css"

    app/root.tsx:20:25:
      20 │ import globalStyles from "~/styles/shared/global.css";
         ╵                          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  You can mark the path "~/styles/shared/global.css" as external to exclude it from the bundle, which will remove this error.

 ✘ [ERROR] Could not resolve "~/styles/shared/auth-form.css"

    app/routes/login.tsx:12:27:
      12 │ import authFormStyles from "~/styles/shared/auth-form.css";
         ╵                            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  You can mark the path "~/styles/shared/auth-form.css" as external to exclude it from the bundle, which will remove this error.

 ✘ [ERROR] Could not resolve "~/styles/routes/login.css"

    app/routes/login.tsx:13:19:
      13 │ import styles from "~/styles/routes/login.css";
         ╵                    ~~~~~~~~~~~~~~~~~~~~~~~~~~~

  You can mark the path "~/styles/routes/login.css" as external to exclude it from the bundle, which will remove this error.

 ✘ [ERROR] Could not resolve "~/styles/shared/auth-form.css"

    app/routes/reset-password.tsx:12:27:
      12 │ import authFormStyles from "~/styles/shared/auth-form.css";
         ╵                            ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

  You can mark the path "~/styles/shared/auth-form.css" as external to exclude it from the bundle, which will remove this error.


Build failed with 5 errors:
app/components/Header.tsx:7:40: ERROR: Could not resolve "~/styles/components/Header.css"
app/root.tsx:20:25: ERROR: Could not resolve "~/styles/shared/global.css"
app/routes/login.tsx:12:27: ERROR: Could not resolve "~/styles/shared/auth-form.css"
app/routes/login.tsx:13:19: ERROR: Could not resolve "~/styles/routes/login.css"
app/routes/reset-password.tsx:12:27: ERROR: Could not resolve "~/styles/shared/auth-form.css"
Error
    at Object.onCompileFailure (/Users/rishabhpoddar/Desktop/remix/remix-supertokens/node_modules/@remix-run/dev/dist/cli/commands.js:174:13)
    at Object.compile (/Users/rishabhpoddar/Desktop/remix/remix-supertokens/node_modules/@remix-run/dev/dist/compiler/remixCompiler.js:33:134)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at async Object.build (/Users/rishabhpoddar/Desktop/remix/remix-supertokens/node_modules/@remix-run/dev/dist/compiler/build.js:33:3)
    at async Object.build (/Users/rishabhpoddar/Desktop/remix/remix-supertokens/node_modules/@remix-run/dev/dist/cli/commands.js:169:3)
    at async Object.run (/Users/rishabhpoddar/Desktop/remix/remix-supertokens/node_modules/@remix-run/dev/dist/cli/run.js:448:7)