安可 Webpack Bootstrap4.5 导航栏不工作

Question

我正在尝试学习 Symfony。 我正在使用引导程序来设置页面样式。 当我添加此链接<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJFdroafW" crossorigin="anonymous"></script>在我的 base.html.twig 导航栏工作正常。 但是当我使用 npm 安装 jquery 并使用{{ encore_entry_script_tags('app') }}我的导航栏不再工作。 知道我可以在屏幕上看到引导主题可能很有用，所以我认为 scss 部分正在工作。

这是我的 app.js 文件

import './styles/app.scss';

import $ from 'jquery';

global.$ = global.jQuery = $;

import greet from './greet';
// start the Stimulus application
import './bootstrap';

import 'bootstrap/dist/js/bootstrap.min.js';
import 'bootstrap/dist/css/bootstrap.min.css';

$(document).ready(function() {
    $('body').prepend('<h1>'+greet('mj')+'</h1>');
});

问候 function 正在工作并且正在显示消息。

webpack.config.js

在这个文件中，我使用 enableSassLoader() 来激活 Sass 和 autoProvidejQuery() 以便访问 jQuery 作为全局变量。

你知道有什么问题吗？ 感谢你们对我的帮助。

Answer 1

我为任何有同样问题的人找到了解决方案。 我有 Bootstrap 4.5，所以我只是做了npm install bootstrap@next -D安装了 bootstrap 5 并且一切正常