在WordPress中使用WPCode添加JS代码时出现Unexpected Token错误

问题根源 #

WPCode的JS代码编辑框已经自带不可编辑的<script>标签，它只接受纯JavaScript代码，而非HTML的<script>标签语法。你之前无论是嵌套完整的script标签，还是单独放src属性内容，都不符合编辑器的代码格式要求，因此触发了语法错误。

正确做法 #

直接在代码框里写入动态加载外部脚本的JS代码，替代HTML标签写法：

const widgetScript = document.createElement('script');
widgetScript.src = 'https://apis.owenscorning.com/client/widget.js';
widgetScript.async = true;
document.body.appendChild(widgetScript);

保存设置后清除网站缓存，刷新页面即可正常加载组件。

错误原因拆解 #

• 嵌套<script>标签：编辑器自带的标签会和你手动添加的标签形成嵌套结构，JS解析器无法识别这种非法语法，抛出Unexpected Token错误。
• 仅保留src内容：单独的src="xxx"不是有效的JavaScript语句，自然会被判定为语法错误。

内容的提问来源于stack exchange，提问作者TJ Cullen