mirror of
https://github.com/aspnet/JavaScriptServices.git
synced 2025-12-22 17:47:53 +00:00
React component problem #152
Assignees
fergalmoran
Clear assignees
fergalmoran
No Assignees
Notifications
Due Date
No due date set.
Dependencies
No dependencies set.
Reference: github/JavaScriptServices#152
Reference in New Issue
Block a user
No description provided.
Delete Branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Originally created by @NickMaev on 2/25/2018
Hi all.
I have React component:
`
export class MyComponent extends React.Component<{}, {}> {
...
componentDidMount(){
// Now I want to initialize it in client-side rendering.
if(typeof window !== undefined) {
// jQuery code here...
/* But node thrown errors:
An unhandled exception occurred while processing the request.
NodeInvocationException: Prerendering failed because of error: TypeError: Cannot set property 'serializeJSON' of undefined
After I updated page second time, I've got:
An unhandled exception occurred while processing the request.
NodeInvocationException: Prerendering failed because of error: TypeError: $.extend is not a function
*/
}
// Furthermore:
if(false){ // <--FALSE
// jQuery code here...
/* But node thrown errors AGAIN!
An unhandled exception occurred while processing the request.
NodeInvocationException: Prerendering failed because of error: TypeError: Cannot set property 'serializeJSON' of undefined
After I updated page second time, I've got:
An unhandled exception occurred while processing the request.
NodeInvocationException: Prerendering failed because of error: TypeError: $.extend is not a function */
}
}
...
}
`
What should I do to prevent initialize scripts in server rendering and run it on client side only?
I am using React + Redux starter kit.