部署到 GitHub 的 React 应用程序给了我一个缩小的错误 #152

Question

I am having a problem with my React application. I am trying to deploy the website to GitHub pages but I am getting this error:

Error: "Minified React error #152; visit https://reactjs.org/docs/error-decoder.html?invariant=152&args[]=u for the full message or use the non-minified dev environment for full errors and additional helpful warnings."

The error is telling me to use the non-minified development environment, but I cannot figure out how to do this.

Here is a link to my GitHub repository if you would like to check!

GitHub repository

I am not sure how to solve this since this is the first time I try to deploy a website. I tried installing some dependencies like Webpack , Babel , and Parcel to bundle my files into a readable JavaScript file, but my guess is that something is not being translated properly, meaning that there might be a syntax error somewhere in my code.

When running the Webpack dependency I did get a series of errors, that is why I installed some other libraries and loaders:

Error on Terminal

Answer 1

I ran into the same issue. The issue occurred wherever I deployed a production build to - locally or Firebase. I found that I had some comments in my render/return code and removing them solved this for me, as discussed at https://github.com/facebook/create-react-app/issues/8687 .

Answer 2

I removed the comments as suggested, but ended up using gh-pages instead of deploying via a docs directory on github, so it worked in the end. I have deployed other apps after that with comments and they work just fine.

So if you ever run into this, try gh-pages instead