javascript - 在 Hello World 简单项目中未加载 Bootstrap Javascript
问题描述
由于某种原因,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>
应用程序.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" alt="...">
</div>
<div class="carousel-item">
<img src="..." class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="..." class="d-block w-100" alt="...">
</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>
解决方案
您需要重新编译您的资产。
npm run watch
或者
npm run prod
推荐阅读
- python - 如何使用 Azure Blob 触发器写入 Azure 数据库
- opencv - 为什么 Canny 边缘检测后不能画线?
- javascript - 删除执行 imacros 脚本时打开的第二页
- r - 将随机样本与替换与 R 中原始数据帧中的值相结合
- node.js - NestJS .env 文件未构建
- python - (已解决)是否可以在 python 上检测到客户端与服务器套接字的意外断开连接?
- paypal - Paypal 自定义付款金额
- laravel - Laravel Mqtt 的订阅没有结束
- akka - 我可以为其他演员保留事件吗?
- javascript - 如何用 Deno 编写 TCP 聊天服务器?