导入Auth0的脚本标记导致意外的令牌错误

时间:2019-04-23 21:46:31

标签: html reactjs auth0

当我拥有脚本标签时

<script type="text/javascript" src="../node_modules/auth0-js/build/auth0.js" async></script>

添加到我的反应Web应用index.html

我在控制台中看到一条错误消息

Uncaught SyntaxError: Unexpected token <       auth0.js:1 

当我删除脚本标签时,不会显示此错误

是什么原因导致错误?

3 个答案:

答案 0 :(得分:1)

错误的原因可能是您的网络服务器提供了404错误页面,该页面指示网络服务器找不到所需的资源。html标记以<开头,该{开头是{ {1}}标签。浏览器尝试将其解释为javascript代码,但是<html>不是有效的javascript。这就是为什么您会收到此特定错误。

此问题源自您的路径<,这不是Web服务器可以解析的有效路径。

您可能想要像这样将../node_modules/auth0-js/build/auth0.js导入要使用的javascript文件中:

auth0

关于如何将auth0与react结合使用,您也可以遵循this tutorial

我同意将auth0文档与像webpack这样的捆绑器一起使用时会产生误导。

答案 1 :(得分:0)

问题可能出在auth0.js,在文本编辑器中将其打开,然后搜索错误或在此处共享代码进行检查。

答案 2 :(得分:0)

如果您还没有尝试过,我建议您添加另一个具有不同路径的脚本标签。如果您没有收到错误消息,则说明auth0.js文件存在问题。

让我们知道结果是什么。