Vue-cli使用bootstrap和jquery出错(因版本问题导致没有.eslintrc.js文件)
vue-cli因版本过高文件目录会与以往的不同,导致在main.js中import $ from 'jquery’出错。
使用bootstrap:
Bootstrap需要依赖jQuery,所以引用Bootstrap之前要先引用jQuery,使用下面的命令引用jQuery:
npm install jquery --save
然后安装bootstrap:
1.npm install bootstrap --save
2.在目录下直接安装:D:\项目根目录\src\assets下
3.在main.js中引入jquery和bootstrap。main.js代码如下:
import Vue from 'vue'
import App from './App.vue'
// 引入jQuery
import $ from 'jquery'
// 引用bootstrap
import './assets/bootstrap/css/bootstrap.css'
import './assets/bootstrap/js/bootstrap.js'
4.在根目录下的package.json文件中找到rule规则:
代码如下:
"rules": {
"no-unused-vars":"off"
}
5.启动npm终端:npm run serve
6.实验bootstrap能否使用:
<p class="col-md-6">
<button class="btn btn-primary">测试按钮</button>
</p>
7.效果如图