bootstrap 4.0 dropdown 找不到popper.js 的解决方案

最近项目中升级bootstrap 由3.3.7版 升了4.0版本

发现 dropdown 找不到popper.js

解决办法:npm install -save popper

下载完之后,查看node_modules文件 的dist 目录

根目录下有两个目录,一个是umd 另一个esm 除此之外 根目录下还有 popper.js

如果是 <script type="text/javascript"> 的加载方式,可以直接使用umd目录下的popper.js

如果是<script type="module"> 的方使,可以直接使用esm目录下的popper.js,当然bootstrap.js 也要用module的方式加载。esm 应该是指es6 module

原文地址:https://www.cnblogs.com/jackieron/p/9903135.html

时间: 2024-08-29 00:36:52

bootstrap 4.0 dropdown 找不到popper.js 的解决方案的相关文章

Bootstrap dropdown require Popper.js

<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>放在引用Bootstrap.js之前解决 网页有 dropdown 样式的 出脚本错误问题Bootstrap dropdown require Popper.js 原文地址:https://blog.51cto.com/zhaoyingyatou/2365456

Asp.Net MVC+BootStrap+EF6.0实现简单的用户角色权限管理

这是本人第一次写,写的不好的地方还忘包含.写这个的主要原因是翔通过这个来学习下EF的CodeFirst模式,本来也想用AngularJs来玩玩的,但是自己只会普通的绑定,对指令这些不是很熟悉,所以就基本不用了.还有最主要的原因就是锻炼下自己的能力.好了其他就不多说了,下面来看下我对这个项目的整体概述吧: 目录: 目录我以后会在这边添加上去的 一.Asp.Net MVC+BootStrap+EF6.0实现简单的用户角色权限管理 基本设计 项目中使用到的工具: Visual Studio 2013,

Could not load file or assembly &#39;Microsoft.SqlServer.Management.Sdk.Sfc, Version=11.0.0.0 系统找不到指定的文件。

环境: web服务器: ip:192.168.1.32 ,安装有 Visual Studio Premium 2013 操作系统: Microsoft  Server 2008 r2+sp1 数据库服务器: ip:192.168.1.33,安装有Microsoft SQL Server 2012 操作系统: Microsoft  Server 2008 r2+sp1 操作过程: 在vs2013里利用向导SqlDataSource配置数据库连接时,点击测试连接提示成功,当点击确定时报错: ----

Bootstrap v4.0.0-alpha.4 发布

Bootstrap v4.0.0-alpha.4 发布了,这个版本主要的变化是用一个小的"alpha patch" 来命名一个没有任何JS文件的npm包,并且对我们的 CSS 和 docs 进行了一些小小的改变. CSS #20130: Make .bg-inverse use the background variant mixin for proper text color. #20333: Update progress bar to use $progress-border-r

10款最好的 Bootstrap 3.0 免费主题和模板

Twitter Bootstrap 框架已经广为人知,用于加快网站,应用程序或主题的界面开发,并被公认为是迄今对于Web开发的最有实质性帮助的工具之一.在此之前的,各种各样的界面库伴随着高昂的维护成本. 在这篇文章中,我们已经编制了10款最好的 Bootstrap 3.0 免费主题和模板清单,让您可以用在下一个项目中,我们希望你能找到有用的.这些主题包含了所有必要的 HTML 和 CSS 为基础的设计模板的版式,表单,按钮,导航和其它界面元件,以及任选的 JavaScript 扩展. 1. Si

Bootstrap 3.0 学习笔记(一)

Bootstrap,来自 Twitter,是目前最受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷.截止到现在(2015-02-03)最新版本为 Bootstrap  3.0. 什么是 Bootstrap? Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的. 为什么使用 Bootstrap? 移动设备优先:自 Bootst

30款最好的 Bootstrap 3.0 免费主题和模板

Twitter Bootstrap 框架已经广为人知,用于加快网站,应用程序或主题的界面开发,并被公认为是迄今对于 Web 开发的最有实质性帮助的工具之一.在此之前的,各种各样的界面库伴随着高昂的维护成本. 在这篇文章中,我们已经编制了30款最好的 Bootstrap 3.0 免费主题和模板清单,让您可以用在下一个项目中,我们希望你能找到有用的.这些主题包含了所有必要的 HTML 和 CSS 为基础的设计模板的版式,表单,按钮,导航和其它界面元件,以及任选的 JavaScript 扩展. Sii

完整成功版vue-cli引入jquery bootstrap popper.js

第一步:在项目文件夹中 1,用npm或者cnpm安装 jquery bootstrap popper.js 例如:cnpm i jquery -S (注意是大S 才能保存在package.json文件中) 2,注意观察package.json文件里 要有类似这三项 "bootstrap": "^4.1.3", "jquery": "^3.3.1", "popper.js": "^1.14.4&qu

Xlib: connection to ":0.0" refused by server Xlib: No protocol specified解决方案

Xlib: connection to ":0.0" refused by server Xlib:  No protocol specified 解决办法: 1. 退出oracle,用root登陆: 2. root命令行下输入: [[email protected] ~]# xhost local:oracle non-network local connections being added to access control list 屏幕提示 xhost:    bad hos