Magento2 PWA Venia - Error Message not showing correctly - reactjs

I have successfully installed Magento2 with PWA studio using the Venia theme. While playing around with the SignIn Component I have noticed that the error message is not showing properly with respect to detailed information. It is always showing the default error message Mostly: "An error has occurred. Please check the input and try again. "
I would like to show the graphql error message if any error is there. Screenshot for quick reference is attached. The console is showing the correct error message. I need to show the same above the form. Please guide.
Thanks in advance.
Screenshot of PWA

Related

I am getting error in console "You need to enable JavaScript to run this app." react,js

When I right click to view the source code of the webpage, I am getting error in console "You need to enable JavaScript to run this app." reactjs, what is the reason for this?enter image description here
That is not an error, it's just the text that react will show to your users if they don't have Javascript enabled.
Also, you are viewing the page source and not the console.
You can read more about that here.

How can I troubleshoot a "Please Connect Camera" browser message from appearing after an image is captured?

I'm working on a React site with an image capture page and after the image is captured, the Chrome browser shows an error:
passportprint.com says
Please connect the camera.
The issue is intermittent. Has anyone seen this? How would I troubleshoot this error?
I'm using Gatsby JS for the framework.

SharePoint Online webpart

I have a webpart created for SPO and is working on Chrome, Edge but on IE no. I tried all the steps from google, but without success. I also added import '#pnp/polyfill-ie11' and the error is the same:
Something went wrong
If the problem persists, contact the site administrator and give them the information in Technical Details.
Technical Details
[SPLoaderError.loadComponentError]:
Failed to load component "8245f35c-fcf2-4646-94ad-6acf43879d15" (ContosoWebPart). Original error: Failed to load entry point from component "8245f35c-fcf2-4646-94ad-6acf43879d15" (ContosoWebPart). Original error: Error loading https://component-id.invalid/8245f35c-fcf2-4646-94ad-6acf43879d15_0.0.2
Object doesn't support property or method 'defineProperty'
INNERERROR:
Failed to load entry point from component "8245f35c-fcf2-4646-94ad-6acf43879d15" (ContosoWebPart). Original error: Error loading https://component-id.invalid/8245f35c-fcf2-4646-94ad-6acf43879d15_0.0.2
Object doesn't support property or method 'defineProperty'
CALLSTACK:
Error
Could you please help ?
thank you!

Why Do I Get a Blank Page on an Error but other people don't

I am watching this video and when an error occurs he gets an actual error on the page and only a blank white screen when he deploys the site.
I see this a few times. However I only see white screen no matter if I am on local host or on production.
I see he is using chrome on Mac and I am using it on PC. Not sure if that is the difference.
While I can't say definitively, my suspicion is that you aren't using create-react-app to setup your project.
You will only see that error message if you have used CRA to set up your project, as that is a specific error handler that is baked into that project. If you're not using create-react-app, React should log an error to your console instead.
ReactJS smart enough to hide the errors to the users when the app is in production mode.
You will see only a blank page if the app gets crashed but if you inspect the page you will see small detail about the error in the console.
if you running the app in development mode you will see full details about the errors.
for this case cames componentDidCatch method to handle app crash errors, instead of the blank page display a “Something went wrong” message to the user or you can send XHR request to the server with the error info.
Check out this example of declaring and using an error boundary
https://reactjs.org/blog/2017/07/26/error-handling-in-react-16.html

Error occured in nintex workflow

am learning nintex and got a bit stuck.in the nintex workflow i drag and drop the Query BCS action. after that i try to configure, but one error popup display " An unexpected error is occured"
enter image description here
This has occasionally happened to me. Solution, close the browser or tab, and re load it. Make sure you save first.

Resources