在 Hello World 简单项目中未加载 Bootstrap Javascript
Posted
技术标签:
【中文标题】在 Hello World 简单项目中未加载 Bootstrap Javascript【英文标题】：Bootstrap Javascript Not Loading in Hello World Simple Project 【发布时间】：2021-09-03 15:21:54 【问题描述】：由于某种原因，JavaScript 没有显示。我检查了检查元素源，它确实正确加载，但它没有被应用。知道为什么吗？谢谢。
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href=" asset('css/app.css') ">
<script src=" asset('js/app.js') "></script>
<title>Hello World</title>
</head>
app.js：
require('./bootstrap');
我特别希望下拉菜单以及引导网站上的引导轮播：
<div id="carouselExampleFade" class="carousel slide carousel-fade" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img src="..." class="d-block w-100" >
</div>
<div class="carousel-item">
<img src="..." class="d-block w-100" >
</div>
<div class="carousel-item">
<img src="..." class="d-block w-100" >
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleFade" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
【问题讨论】：
【参考方案1】：你需要重新编译你的资产。
npm run watch
或
npm run prod
【讨论】：
不是这样。它在浏览器中呈现 app.js 就好了，但由于某种原因它没有应用 javascript。 哦，好的，尝试将您的脚本行移到结束正文标记上方。以上是关于在 Hello World 简单项目中未加载 Bootstrap Javascript的主要内容，如果未能解决你的问题，请参考以下文章