Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Application Error when run with nodejs v14.21.3 #3

Open
duynguyen33 opened this issue Jun 5, 2023 · 8 comments
Open

Application Error when run with nodejs v14.21.3 #3

duynguyen33 opened this issue Jun 5, 2023 · 8 comments
Assignees
@fauzialz
Labels
documentation Improvements or additions to documentation

Comments

@duynguyen33
Copy link

duynguyen33 commented Jun 5, 2023 •
edited
Loading

Hello @fauzialz,

I have seen the web of you and it's so great. I can try deploying on the same web but it shows the error as below.

Application Error

removeChild@[native code]
@http://localhost:3000/build/routes/_index-I62DDOAQ.js:2255:32
safelyCallDestroy@http://localhost:3000/build/_shared/chunk-HWTAJ4ZM.js:16755:20
commitHookEffectListUnmount@http://localhost:3000/build/_shared/chunk-HWTAJ4ZM.js:16882:36
commitPassiveUnmountInsideDeletedTreeOnFiber@http://localhost:3000/build/_shared/chunk-HWTAJ4ZM.js:18300:44
commitPassiveUnmountEffectsInsideOfDeletedTree_begin@http://localhost:3000/build/_shared/chunk-HWTAJ4ZM.js:18259:57
commitPassiveUnmountEffects_begin@http://localhost:3000/build/_shared/chunk-HWTAJ4ZM.js:18195:71
commitPassiveUnmountEffects@http://localhost:3000/build/_shared/chunk-HWTAJ4ZM.js:18183:44
flushPassiveEffectsImpl@http://localhost:3000/build/_shared/chunk-HWTAJ4ZM.js:19503:38
flushPassiveEffects@http://localhost:3000/build/_shared/chunk-HWTAJ4ZM.js:19461:45
commitRootImpl@http://localhost:3000/build/_shared/chunk-HWTAJ4ZM.js:19430:32
commitRoot@http://localhost:3000/build/_shared/chunk-HWTAJ4ZM.js:19291:27
performSyncWorkOnRoot@http://localhost:3000/build/_shared/chunk-HWTAJ4ZM.js:18909:21
performSyncWorkOnRoot@[native code]
flushSyncCallbacks@http://localhost:3000/build/_shared/chunk-HWTAJ4ZM.js:9153:38
flushPassiveEffectsImpl@http://localhost:3000/build/_shared/chunk-HWTAJ4ZM.js:19520:29
flushPassiveEffects@http://localhost:3000/build/_shared/chunk-HWTAJ4ZM.js:19461:45
@http://localhost:3000/build/_shared/chunk-HWTAJ4ZM.js:19342:36
workLoop@http://localhost:3000/build/_shared/chunk-HWTAJ4ZM.js:205:50
flushWork@http://localhost:3000/build/_shared/chunk-HWTAJ4ZM.js:184:30
performWorkUntilDeadline@http://localhost:3000/build/_shared/chunk-HWTAJ4ZM.js:392:50

Can you tell me how to fix it? Thank you so much
@fauzialz
Copy link
Owner

fauzialz commented Jun 5, 2023

Hello @duynguyen33, you should provide the required environment variables. Sorry, I forgot to mention this requirement in the development guidelines. I will make sure to include more tutorials next time.

In the root folder, you will find a file called .env.example. Follow the pattern in that file to create a file named .env and provide all the necessary variables. Here is the correct example:

GOOGLE_PROJECTID=YOUR GOOGLE GOOGLE_PROJECTID       example: amplified-way-222222
GOOGLE_CLIENT_EMAIL=YOUR GOOGLE CLIENT EMAIL        example: [email protected]
GOOGLE_PRIVATE_KEY=YOUR GOOGLE PRIVATE KEY          example: {"privateKey":"-----BEGIN PRIVATE KEY-----\00fc73eed1714df4a6cc1e86ac52cd2c\n00fc73eed1714df4a6cc1e86ac52cd2c\n00fc73eed1714df4a6cc1e86ac52cd2c\n00fc73eed1714df4a6cc1e86ac52cd2c\n00fc73eed1714df4a6cc1e86ac52cd2c\n00fc73eed1714df4a6cc1e86ac52cd2c\n00fc73eed1714df4a6cc1e86ac52cd2c\nih5YoQf0NitnfDCMeaGfBts9DzVjiyyZZ7ioVWpz631YJXjNfPjoCYYg/UVvZSCi\nK4OJXHCqOG9c395G76Fyq0fzGFNE7e8x8MHyUQVJeXUNSgEwWugu9yRiNejCyhRs\nDYZu1wpiVLu+FBewBCCfCCdwwClnRqb4X02LMtdtPZU1zl5CRYV/tsp6snKk3K8L\nUd0tN2HrV6cVTERhZc8hRHnuQUTSYsZ0mP5SC/m2EXgbfYrF1oRgBfEDPH+j3uWc\n+Di1gEfp4SbPI4tc14xdHgWr0qkTU2AtThxns08wAQKBgQD9Equb6VEUapdcVFpd\nFFqtOQde+e5zBkwqJVbKYTNoQ1ZzcIi2lGLceazNVAnZkzNId+Ya1Z7gA5zs6qzq\nZdo+hkGbPJ17MLOhSOwoXCl/4OQ3IU83ZiNarD6WRX4pqOvqUP2s0ivvPiys3DUl\nnqUPhI/iCphXB34mkEoDCsTegwKBgQDR99P7Rs3Hr78nmxauoS+EqF4KOcuQsi5t\nE1JvVLy3hI6u+ZT1yWGhS961kwtiOtMq48eAJQjSBDhVTUi8YKKOF0GD4vWkE6Eu\n5YKlrOsPFuMSJE/4cUsCmd89WpuLWVmmecADWRHR/gjLtv4VWqKWJVM4VnRCNLFs\n00fc73eed1714df4a6cc1e86ac52cd2c\nEmLxRQhUITUDfCzpPVsLX9qFmDG5sn+QU1zjmN4vRQzrPOHm9ieZ+V9DAb/vhd3R\nwXgSUHAsRTmrTQYZ/sBFH6UYIcM01D3ULFv4v+9Lb4In4WCanE6FtzWlAoGAXG4O\noUUP/WG+cn7xQzqtomZDz5iVpkLp8RZaaawRz2/JJ/myu2hFVC4EAkaS8lEW+ICB\nKEYlVd6JtfNpm5Omu4o9SwO0QuBpSi26j5hJecEHgMr/cUzeSmzWOzoR0wwoTQK3\n00fc73eed1714df4a6cc1e86ac52cd2c\n00fc73eed1714df4a6cc1e86ac52cd2c\n00fc73eed1714df4a6cc1e86ac52cd2c\nzYngm4r7JBPfYVjZaJzosg==\n-----END PRIVATE KEY-----\n"}
SHEET_ID=YOUR GOOGLE SHEETS ID                      example: 3GOVruasdasdsEX4mpl32ESWfrdsavvlxopbiphB_wGhs3
GOOGLE_CLIENT_ID=YOUR GOOGLE CLIENT ID              example: 5889999643-8mocko3nqjg88unasdli3lkjasdk.apps.googleusercontent.com

Please note that the GOOGLE_CLIENT_ID is missing from the .env.example file. I apologize for the oversight.

If you encounter any difficulties in retrieving the data, you can follow these steps.

you can find SHEET_ID in your Google Sheet URL. It's the string between https://docs.google.com/spreadsheets/d/ and /edit#gid=[bla bla bla]

To enable the app to write to your Google Sheets, please share your Google Sheet with the email address associated with GOOGLE_CLIENT_EMAIL.

Sorry for the inconvenience.

@fauzialz fauzialz added the documentation Improvements or additions to documentation label Jun 5, 2023
@fauzialz fauzialz self-assigned this Jun 5, 2023
@duynguyen33
Copy link
Author

Hi @fauzialz ,

We have deploy with file .env in source code, Server start successful but website not working.

On Server after i running :

npm run dev

@ dev /home/duynh33/amifauzi.com-open
remix dev

⚠️ REMIX FUTURE CHANGE: The serverModuleFormat config default option will be changing in v2 from cjs to esm. You can prepare for this change by explicitly specifying serverModuleFormat: 'cjs'. For instructions on making this change see https://remix.run/docs/en/v1.16.0/pages/v2#servermoduleformat
Loading environment variables from .env
💿 Building...
axios is possibly an ESM only package and should be bundled with "serverDependenciesToBundle" in remix.config.js.
💿 Rebuilt in 3.8s
Remix App Server started at http://localhost:3000

Have it missing any step when deploy?

Thank for support so much

@duynguyen33
Copy link
Author

Hi @fauzialz

I have check and detect the error i am miss env GOOGLE_CLIENT_ID. I can run website now. Thanks you so much for support. Wishing you all good things

@madamroger007
Copy link

Hello @fauzialz
why when I try the message feature do I have to enable the gmail library on google api?

@fauzialz
Copy link
Owner

fauzialz commented Jun 23, 2023 •
edited
Loading

Hello @fauzialz why when I try the message feature do I have to enable the gmail library on google api?

Hello @madamroger007. By mentioning enabling the Gmail library on Google API, didn't you mean setting up a project in the APIs & Services section on Google Cloud Console? Sorry I don't fully understand the quotation, but if my guess is correct, then yes. You should set up a project so you can have the required data you needed to fill in the .env file

@madamroger007
Copy link

Thank you for information 🙂

@anggadaz
Copy link

anggadaz commented Jun 8, 2024

where i can get SHEET_ID?
is this blank spreadsheet?

@anggadaz
Copy link

anggadaz commented Jun 8, 2024

can you create video tutorial to build this web from zero?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@fauzialz fauzialz

Labels
documentation Improvements or additions to documentation
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@anggadaz @fauzialz @duynguyen33 @madamroger007