javascript - 意外的令牌'<'错误（npx create-react-app）

Question

我已经使用 npx 设置了一个新的反应应用程序create-react-app my-app。

在 index.html 文件中，我想像这样在头部导入一个 javascript 文件

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

但是，我不断收到 Unexpected token '<' 错误。我无法进行导入，因为它会产生大量错误，并且我希望能够在整个站点的这些脚本中使用某些功能。

任何想法如何引用这个文件？以前在其他项目中我们使用 webpack，但是这个配置在这个项目中似乎不可用。

标签： javascriptreactjs

Answer 1

如果您的 js 文件位于 /public/ 文件夹中，那么您可以像这样导入它：

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

如果它位于 /src/ 文件夹中，你可以简单地将它导入到你的index.js文件中，它将在你的 React 应用程序中可用。请记住，进口顺序在这里很重要。

import './.../file.js';