首页 > 其他分享 >2.Vue中bootstrap的引用问题

2.Vue中bootstrap的引用问题

时间:2024-03-26 21:45:34浏览次数:30  
标签:Vue https bootstrap 引用 版本 css 加载

上来敲书上一个代码一个计划表 生成了一下没生成样式

看一下代码 class有我们熟悉的bootstrap样式
那加载不出来啊啊
废话找人学习啊 老师又不教 vscode中vue使用bootstrap第一次
参考 https://www.jb51.net/javascript/296467tdi.htm


image
选择项目加载啊 哎哎哎 报错了

利用你的英文水平啊查看啊
版本不符合啊
image

上官网18以上的版本 问题 我之前用的16版本
https://nodejs.org/en 官网
image

然后成功了
但是但是但是
千万别大意
项目中还需要引入css文件和main.js导入
import 'bootstrap/dist/css/bootstrap.css'
image
image
ok完事 bootstrap还是很强大的

标签:Vue,https,bootstrap,引用,版本,css,加载
From: https://www.cnblogs.com/gaodiyuanjin/p/18097645

相关文章

  • Vue3+TS项目,eslint安装配置
            eslint的作用主要为:可以规范团队的代码风格。在实际项目中,团队的每个成员的编码习惯都不同,这极有可能造成,一个项目多个代码风格,这会造成代码阅读困难,后期维护难度大灯问题,这就需要配置下eslint。首先我们需要先安装 @eslint/create-config 插件:pnpminstal......
  • vue的生命周期
    一、什么是生命周期从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,统称为生命周期!二、生命周期钩子函数每个Vue实例在被创建时都要经过一系列的初始化过程——例如,需要设置数据监听、编译模板、将实例挂载到DOM并在数据变化时更新DOM等。同时在......
  • VUE3.0(一):模板语法及指令介绍
    模板语法Vue使用了基于HTML的模板语法,允许开发者声明式地将DOM绑定至底层Vue实例的数据。Vue的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进DOM的系统。结合响应系统,在应用状态改变时,Vue能够智能地计算出重新渲染组件的最小代价并应用到DOM......
  • vue3,实现如何在element plus Collapse折叠面板中,只有在点击图标时才展开
        这个的类名是tailwindcss的,主要看这里,对应上面的图片<el-collapse-itemname="1"class="relative"><template#title><divclass="w-full"><div@click="handleChangeURL"......
  • vue 如何将src是base64的图片转化成file对象
    vue如何将src是base64的图片转化成file对象在Vue中,你可以通过将base64字符串转换为Blob对象,然后使用Blob对象创建一个File对象。以下是一个简单的方法来实现这一转换:methods:{base64ToFile(base64Data,filename){//将base64的数据部分提取出来c......
  • electron+vite+vue3创建技术选型(一)
    1.>目前有electron然后自己根据vue项目集成的,需要自己配置各种文件(目前跟网上的帖子走了几个发现各种问题卡在了run白屏这里,不知道是包的问题,还是版本语法的问题)https://www.electronjs.org/zh/2.>https://cn-evite.netlify.app/guide/这个是electron-vite 是一个新型构建......
  • Vue学习笔记62--多组件共享数据
    多组件共享数据main.js//引入VueimportVuefrom'vue'//引入AppimportAppfrom'./App.vue'//配置提示Vue.config.productionTip=false//引入vuex、storeimportstorefrom'./store'//默认引入index.jsnewVue({render:h=>h(App),stor......
  • 基于 Vue3 + Element-plus 封装的 Table 组件
    项目信息项目名称:vue3-xmw-table预览地址:点击预览Github:vue3-element-table使用方法根目录下执行npmivue3-xmw-table命令npmivue3-xmw-table全局挂载组件import{createApp}from'vue'importAppfrom'./App.vue'importXmwtablefrom'vue3-xmw-table'......
  • 如何快速上手Vue框架:从零开始的Vue之旅
    引言Vue.js是一个渐进式JavaScript框架,用于构建用户界面。它易于上手,同时提供了强大的工具和功能,使得开发者能够快速构建复杂的单页应用程序(SPA)。本文将带你了解Vue的基本概念,并通过实例来快速上手这个流行的前端框架。环境准备在开始之前,确保你的开发环境中安装了以下工......
  • VUE基于 vant 的移动端 REM 适配
    当我们添加完vant组件库后,还需要对项目的移动端进行适配执行 yarnaddamfe-flexible 安装 amfe-flexible安装完成后我们在main.js 中配置 动态设置rem基准值然后通过执行 yarnaddpostcss-pxtorem-D 把  postcss-pxtorem 安装到开发环境中在项目根目录中......