如何在index.html React中使用外部js文件



我使用的是一个HTML模板,我通过将assets文件夹置于public(在React中)将其转换为React。我把这两个css文件链接和js脚本公共index.html(见下面的代码)。css显示正确,但是javascript函数不起作用。我试着安装jquery,但它仍然不工作。

我尝试将js文件放入src文件并将其导入到App.js文件中:import './js/main.js'。这也不起作用,记录错误,如:期望一个赋值或函数调用,却看到一个表达式'jquery'没有定义

index . html:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<meta
name="description"
content="Web site created using create-react-app"
/>
<link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<link href="%PUBLIC_URL%/assets/css/main.css" rel="stylesheet">  
<link href="%PUBLIC_URL%/assets/css/fontawesome-all.min.css" rel="stylesheet">  
<link href="%PUBLIC_URL%/assets/css/noscript.css" rel="stylesheet"> 
<title>React App</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<!-- jQuery CDN - Slim version (=without AJAX) -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!-- Popper.JS -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
<!-- Bootstrap JS -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<script src="%PUBLIC_URL%/assets/js/jquery.min.js"></script>
<script src="%PUBLIC_URL%/assets/js/jquery.scrollex.min.js"></script>
<script src="%PUBLIC_URL%/assets/js/browser.min.js"></script>
<script src="%PUBLIC_URL%/assets/js/breakpoints.min.js"></script>
<script src="%PUBLIC_URL%/assets/js/util.js"></script>
<script src="%PUBLIC_URL%/assets/js/main.js"></script>
</body>
</html>

有人知道为什么js文件不工作吗?如有任何帮助,我将不胜感激。

提前感谢!

试着把你的脚本放在index.html的头标签,或者只是使用npm i jquery --save,然后import $ from 'jquery'

最新更新