在进行前端测试时，Cypress 是非常常用的工具，但有时在测试中会出现错误 “Unexpected Token <” ，导致测试执行失败。那么我们如何解决这个问题呢？本文将为你详细介绍。
问题原因
当测试中出现错误 “Unexpected Token <” 时，原因往往是测试代码中引入了错误的 JavaScript 文件或库。这通常是由于文件路径错误或 CDN 路径错误引起的。
解决方案
- 确认文件路径正确性
首先，我们需要确认测试代码中引入的 JavaScript 文件路径是否正确。如果路径错误，Cypress 会尝试去请求该路径，但无法解析 JavaScript 文件，因此会出现错误。
- 确认库版本及 CDN 路径正确性
如果我们在测试代码中使用了第三方 JavaScript 库或框架，并且使用了 CDN 引入，那么我们需要确认该库的版本及 CDN 路径是否正确。如果版本不正确或 CDN 路径发生错误，同样会导致 Cypress 执行测试时出现 “Unexpected Token <” 错误。
在确认库版本及 CDN 路径正确性后，我们可以通过以下方式修改测试代码：
-- -------------------- ---- -------
-- -- ---------- --------- --- ------------------------------------------------------------
------------------------------- -
------------- ----- -- -
------ ----------
---------
------ ------ - ---------------------------------
---------- - ---------------------------------------------------------------
-----------------------------------
--
--
---以上代码中，我们使用了 Cypress 的 visit 方法，其中 onBeforeLoad 可以让我们修改页面加载前的行为。我们在页面加载前删除了 win 对象中的 fetch 方法，然后通过 win.eval 方法加载了我们所需要的 jQuery 库。这样我们就可以确认测试中使用的库版本及 CDN 路径均正确无误。
总结
通过以上解决方案，我们可以成功解决 Cypress 执行测试时出现的 “Unexpected Token <” 错误。无论是在测试还是开发中，我们都需要仔细确认我们所使用的文件路径和库版本及 CDN 路径是否正确，以确保代码可以正常运行。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64ae951d48841e9894abb0d3