首页 > 解决方案 > 如何在 React 样板中的 index.html 上添加外部 JS?

问题描述

我是 React JS 的新手。我从React Boilerplate开始。
我有一个js file并且想要全局使用该文件,所以每当我尝试<script src='' type='text/javascript'></script>在 index.html 中添加一个带有 script 标签的 js 文件时,它都会抛出一个错误

未捕获的语法错误:意外的令牌 <。

那么有什么建议吗?

注意:在每个组件中导入 js 文件是有效的,但我不想在每个组件中重复包含它。我对 webpack 没有任何了解。

标签: javascriptreactjswebpackreact-boilerplate

解决方案


您可以将 JS 文件放在 assets 文件夹中,然后将其导入 App.js

import ExternalJS from '../assets/externaljs.js';

这将在 index.js 中可用。


推荐阅读