首页 > 解决方案 > 导入 Auth0 的脚本标记导致意外的令牌错误

问题描述

当我有脚本标签时

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

到我的反应网络应用 index.html

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

Uncaught SyntaxError: Unexpected token <       auth0.js:1 

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

是什么导致了错误?

标签: htmlreactjsauth0

解决方案


错误的原因可能是您的网络服务器提供某种 404 错误页面,表明网络服务器找不到请求的资源。html 标记以<来自开始标记的 a 开头<html>。浏览器尝试将其解释为 javascript 代码,但<不是有效的 javascript。这就是您收到此特定错误的原因。

此问题源于您的路径../node_modules/auth0-js/build/auth0.js,该路径不是您的 Web 服务器可以解决的有效路径。

您可能想要的是将auth0要使用它的 javascript 文件导入,如下所示:

import auth0 from 'auth0-js';

您还可以按照本教程了解如何将 auth0 与 react 一起使用。

我同意 auth0 文档在将其与 webpack 之类的捆绑器一起使用时有点误导。


推荐阅读