如何解决CefSharp ChromiumWebBrowser的Uncaught Syntaxerror: unexpected token *错误

环境与错误说明 #

• 运行环境：.NET Framework 4.0、Visual Studio 2010
• CefSharp版本：49（对应Cef版本 3.2623.1401.gb90a3be、Chromium版本 49.0.2623.110）
• 错误信息：DevTools提示 未捕获的语法错误：意外的标记*

这个错误源于Chromium 49对ES6及以上JavaScript语法支持不完善，网页中使用了它无法识别的带*的ES6语法（比如生成器函数function*、import * as）导致。以下是无需升级.NET Framework的解决办法：

可行解决方案 #

1. 转译网页代码到ES5 #

如果网页是自主开发的，在构建流程中加入Babel转译步骤，将ES6+语法全部转换为ES5兼容代码。如果是第三方网页，可通过本地代理拦截网页内容，完成转译后再返回给CefSharp加载。

2. 注入兼容性补丁脚本 #

在CefSharp初始化后，给网页注入ES5兼容补丁（如低版本core-js），弥补Chromium 49缺失的语法支持。示例代码：

browser.FrameLoadEnd += (sender, args) =>
{
    if (args.Frame.IsMain)
    {
        // 读取本地的polyfill脚本文件
        string polyfillScript = System.IO.File.ReadAllText(@"D:\Scripts\core-js-polyfill.js");
        args.Frame.ExecuteJavaScriptAsync(polyfillScript);
    }
};

3. 修改网页中的不兼容语法（若可控） #

直接替换网页里Chromium 49不支持的带*语法：

• 将生成器函数function* funcName()改为普通函数实现逻辑
• 将import * as moduleName from 'path'替换为传统的全局变量引用或require写法（若基于Node.js环境）
• 避免使用其他依赖ES6的语法片段

4. 调整CefSharp的JS解析规则 #

初始化Cef时添加命令行参数，强制浏览器使用ES5解析模式，禁用未支持的ES6特性：

var settings = new CefSettings();
// 禁用ES6的harmony特性，强制ES5解析
settings.CefCommandLineArgs.Add("enable-javascript-harmony", "0");
settings.CefCommandLineArgs.Add("js-flags", "--harmony=none");
Cef.Initialize(settings);

内容的提问来源于stack exchange，提问作者Eko Prasetyo