reactjs - 如何在 Create-react-app 应用程序中包含自定义脚本文件

标签 reactjs create-react-app

我已经使用 create-react-app 创建了一个应用程序,现在我需要包含一些我拥有的脚本,例如 bootstap.min.js、jquery.min.js、script.js,
我已将这些文件放在 app/styles/js ans 中并使用 script 标签在 index.html 中引用它们,但如果我这样做,我会收到 Uncaught SyntaxError: Unexpected token < error in the console。

我已经尝试过这些解决方案,

ReactJS: "Uncaught SyntaxError: Unexpected token <" ,

如果我使用 CDN 引用它工作正常但 script.js 是自定义创建母鸡 CDN 不可用

<body>

<noscript>You need to enable JavaScript to run this app.</noscript>

<div id="root"></div>


   <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> 
    <script src="../src/Styles/js/script.js"></script> //error here    
</body>

最佳答案

创建一个 js文件夹放入 public文件夹并放入您所有的 js文件进入该 js文件夹。你可以包括 js文件之类的,

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

关于reactjs - 如何在 Create-react-app 应用程序中包含自定义脚本文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56574216/

相关文章:

reactjs - 从 Create React App 注册 Service Worker 时如何更新页面

reactjs - Create React App 中 httpsCallable firebase 上的 CORS 错误

javascript - 使用 create-react-app 时 .babelrc 文件的位置是什么?

reactjs - 无法将类作为函数调用,如果我使用 es6 格式,React 路由器会在控制台中显示错误

javascript - React 应用程序中带有动态文本的样式化组件

javascript - Redux Reducer 正在返回一个 [Object Object] ,但是我想要字符串?

javascript - 在react-native-datepicker中当前日期值为空

javascript - json 输入 react 意外结束

javascript - 禁用 create-react-app 的 SKIP_PREFLIGHT_CHECK 有缺点吗?

node.js - 创建 react 应用程序/ express 代理错误 : Could not proxy request (ECONNRESET)