LWC - Id Property with Lighting Debug Enabled Issue
Brett M. Nelson - Monday, August 19, 2019
The issue arises when you enable lightning debug mode. So if I go into the debug mode, and enable it, and refresh the page with component on it, I start seeing this,
render threw an error in 'c:importUserId Trial' [Assert, Violations: Failed to construct '<c-import-user-id-trial>': The results must not have attributes.] and took a while to figure it out. And saw some responses on Twitter about this. I thought the issue was with the important statement itself. Obviously, it was working before I turn on lightning debug mode. So if I turn it off, and refresh the page, it works again. But if I want the debug modem, that's not a solution. So I'm going to enable it, make sure it's still an issue. And it is. Now, I'm going to change the property name from it to something else. So thanks to you, user, Id save it, push this and refresh the page. Maybe a second time.
Oh, I should update the HTML template.
Refresh the page. We can now see RTD ID. And we can open up the developer console in the browser and see that we are in lightning debug mode, because we get all those wonderful messages from Salesforce. Yay. So if if you are encountering the renderer threw an error, assert violation check to see if you have any properties that are called just ID, ID and adjust accordingly. It's to my understanding, not supposed to be something that's prevented. Based on some of the responses I saw. It's not supposed to be an issue, unless is an API decorated attribute but that is not the case that I encountered.
That’s it for now.
Remember to sign up for The Weekly Stand-Up! and you can get updated with any new information we have on WIPDeveloper.com.