使用vue脚手架创建Vue项目并引入bootstrap-vue

使用vue脚手架创建Vue项目并引入bootstrap-vue,第1张

1.Module build failed: Error: ENOENT: no such file or directory, open '包路径\bootstrap-vue\node_modules\core-js\modules\es.array.iterator.js'

2.Error: ENOENT: no such file or directory, open 'D:\ahao\studyPath\bootstrap-vue\node_modules\lodash\lodash.js'

3.VUE中使用BootstrapVue图片b-img标签路径显示不出图片问题

新建 vue.config.js 安装 npm i vue-cli-plugin-bootstrap-vue 配置vue.config.js后重新执行npm run serve

1、检查npm版本,升级版本

2、创建vue项目

1、打开vue项目中index.html,修改Responsive meta tag

2、运行命令安装bootstrap-vue

3、app.js文件添加引用

4、可以直接引用组件

1、安装element-ui

2、main.js中引入引用

3、使用组件

进入脚手架的文件夹目录,在里边用npm安装bootstrap,是自动装在node_modules里边的

npm install bootstrap@3.3.0 --save-dev

在main.js里引入就好了了

import 'bootstrap/dist/css/bootstrap.min.css',

import 'bootstrap/dist/css/bootstrap.js

望采纳


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11580118.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存