Why is this the variable not set?

Question

Why is nonce undefined while debugging both in Chrome and Edge?

Setup:

• Chrome(127.0.6533.101)
• Edge(127.0.2651.98)
• CSP header(s) NOT enabled.

Libraries:

• "style-loader": "^2.0.0",
• "url-loader": "^4.1.1",
• "webpack": "^4.41.2",

Answer 1

You have __webpack_nonce__ set in the script tag, so it's not undefined, and it's a global variable available everywhere in your code.

However, you check the type of the options.attributes which you don't pass to insertStyleElement:

Therefore, {}.nonce === undefined

Looks like the easiest way to fix it is to remove the additional if (typeof attributes.nonce === "undefined") check, or to make sure you pass it when calling insertStyleElement.