如何在Vue项目中引入Bootstrap
在Vue 项目中引入Bootstrap
有时在vue项目中会根据需求引入Bootstrap,而Bootstrap又是依赖于jQuery的,在使用npm安装时,可能会出现一系列的错误
1、安装jQuery
npm install jquery
2、安装Bootstrap
npm install bootstrap@3
以上两步,也可以先在package.json 配置文件中指定版本号,然后运行 npm install
安装完了以后项目是跑不起来的,尽管二者都已经安装成功了,但还是会报错 “Bootstrap's JavaScript requires jQuery npm”,为了解决这个问题,可以在 main.js 入口文件中这样引入:
import $ from 'jquery'window.jQuery = $require('bootstrap')
接下来,为了能够使用 Bootstrap的样式,可以在入口文件中引入 bootstrap.css。这个跟引入 Element UI 的方法一样
import 'bootstrap/dist/css/bootstrap.min.css'
本文标题:如何在Vue项目中引入Bootstrap
本文链接:https://www.qqooo.cn/post/7001.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 xsds@vip.qq.com 处理,谢谢!