reactjs 未捕获的语法错误:意外的标记"〈"(位于环境js:1:1)

41zrol4v  于 2023-01-30  发布在  React
关注(0)|答案(1)|浏览(153)

这是我的第一个问题,所以请耐心听我说。2我按照一个指南动态编辑env变量后,建立了一个React项目在这个链接:https://dev.to/eslynn/how-to-dynamically-change-your-react-environment-variables-without-re-building-55el.
它工作正常,但是有一个错误一直在停止我的测试和调试:
将env.js文件添加到src文件夹Like this(内容为env.js content)之后,

export const env = { ...process.env, ...globalThis['env'] };

然后在index.html文件中添加脚本,如下所示:index.html.

<script src="/env.js"></script>

我一直得到这个error:未捕获的语法错误:控制台中出现了意外的标记"〈"(在env.js:1:1处)。然后我单击错误来查看问题,它向我显示了index.html文件,如下所示index.html from dev tools
PS:我正在使用CRA,所以我没有Webpack配置文件。

  • 我尝试在index.html中向脚本添加类型,但没有任何变化。
  • 我还尝试将脚本的"src"属性更改为/src/env.js,但没有成功,因为它仍然显示相同的错误。
  • 我尝试将env.js的位置更改为公共文件夹,但无法读取"process. env",因为读取"process"时会出现未定义错误。
  • 我尝试将env.js的位置更改为"src"文件夹旁边的根文件夹,但仍然出现相同的错误。
  • 我还将... globalThis ["env"]更改为... window ["env"],但没有任何更改。
qoefvg9y

qoefvg9y1#

试试这个

替换

<script src="/env.js"></script>

<script src="%PUBLIC_URL%/env.js"></script>

相关问题