Uncaught SyntaxError: Unexpected token '<' | after "yarn add xlsx" | React Typescript

Question

我正在用 React（类型脚本）开发项目。我想为 export/import excel 文件添加新功能，我决定使用 xlsx 库 https://www.npmjs.com/package/xlsx 所以我的问题是我运行 "yarn add xlsx" 并且我的应用程序给我错误 "Uncaught SyntaxError: Unexpected token '<' |"。我没有做任何导入，只是 yarn add xlsx，我遇到了这个错误。 [![在此处输入图片描述][1]][1] 编译成功没有其他错误。

最奇怪的是运行我发现我什么时候会在我的项目中做这个 hack：

npm install xlsx
yarn install

那么一切正常。我在不同的计算机上尝试在同一个项目中使用 yarn add xlsx 并且它在任何地方都不起作用......但是后来我决定使用 npm 在本地添加的 xlsx 实现一些基本功能并将我的项目部署到 linux docker 没有 "npm install xlsx" 并且它在那里工作！

可能文件系统或 fs 库有问题？

编辑： 新信息 原来我什么时候会做这样的场景

纱线安装
纱线添加 xlsx

一切正常

但如果我愿意

纱线安装
纱线添加 xlsx
纱线安装

出现错误！

所以在运行 yarn install 之后安装了一些依赖项，这就是它失败的原因这不好，因为当我提交更改时，其他开发人员将使用 "yarn install"

安装依赖项

Answer 1

我有意外的标记，因为我在 index.html 中使用了 %PUBLIC_PATH% 变量，所以我必须在 .env 文件中定义这个变量，当然我有它

PUBLIC_PATH:/my-app/

但是我在 .env.development 文件中没有这个变量，在我更新 react-scripts 之前一切都很好。因此，在 react-scripts 3.2.0 中，它默认为“/”，在我将 react 脚本更新到 3.4.0 后，它因意外令牌错误而失败。我只是添加了

PUBLIC_PATH:/

到我的 .env.development 文件，现在一切正常

Uncaught SyntaxError: Unexpected token '<' | after "yarn add xlsx" | React Typescript

Uncaught SyntaxError: Unexpected token '<' | after "yarn add xlsx" | React Typescript

xlsx

typescript

reactjs

react-scripts

yarnpkg