【vue】引入bootstrap.css文件报错报错Module not found: Error: Can‘t resolve ‘./assets/css/‘...（已解决）

最新推荐文章于 2024-07-19 17:49:25 发布
最新推荐文章于 2024-07-19 17:49:25 发布
阅读量3.4k 收藏 1
点赞数
分类专栏： Vue 文章标签： css bootstrap vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yolo_______95/article/details/127415721
版权
在CSS文件导致的加载错误问题上，通过将样式文件存放在public/css/目录下，并在index.html中使用<link>标签正确引用，如：<link rel=stylesheet href=<%=BASE_URL%>css/bootstrap.css>，可以有效解决该问题，确保HTML页面正常应用样式。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

在这里插入图片描述因为在css文件中有许多需要另外再加载的文件，所以报错了
解决：将css文件保存在public/css/路径下，在index.html中引入<link rel=“stylesheet” href=“<%= BASE_URL %>css/bootstrap.css”>，在html页面使用即可。
在这里插入图片描述

【css报错】Page‘**/bootstrap-theme.min.css‘requested without问题解决
橘足轻重的博客
11-23 584
在IDEA导入了其它HTML文件却没有正确配置的解决方法 今天用IDEA复制了一个教程里的example.html文件到我的project中 直接用浏览器打开 报错： Page ‘http://localhost:63343/M…s/bootstrap-theme.min.css’ requested without 解决方法
vue 导入公共css_vue引入公共css,与less文件
weixin_39713219的博客
02-11 740
步骤一：安装webpac新直能分支调二浏页器朋代说kcnpm install webpack -g步骤二器打好基下是求的响的可域适的一的近重交的：在src/assets下面新建css、js、less、fonts文件夹，并放到二新，为都础过过发等宗和发制数事前理业待很理断到屏能击示和站公下图以使箭分以近一步调现了喜知进入对应文件。将boots能还有都这房搞名移页通带近啥是点是三子清trap.css放...
Module not found: Error: Can‘t resolve ‘animate.css‘ in ‘D:\vue_mcg\src\components‘
weixin_42793577的博客
03-14 437
根据错误信息，遇到模块找不到的问题。这意味着你的项目中，找不到名为’animate’的模块。animate.css使用4.0版本以上的，一定要加前缀animate__。！！！注意，是两个_vue官方文档使用的是3.1版本，所以示例代码没有前缀animate__。</</
Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘**********‘
会思想的苇草i的博客
12-12 2544
Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘**********‘
解决vue项目中导入bootstrap样式报错的问题：Error: Can‘t resolve ‘./bootstrap/dist/css/bootstrap.min.css‘
qq_53420511的博客
06-01 2555
解决vue项目中导入bootstrap样式报错的问题：Error: Can't resolve './bootstrap/dist/css/bootstrap.min.css'
Module not found: Error: Can‘t resolve ‘./css/index.css‘ in ‘D:\VScode Project\vue\change
m0_61886817的博客
02-27 3899
error： ERROR in ./src/index.js 4:0-24 Module not found: Error: Can't resolve './css/index.css' in 'D:\VScode Project\vue\change\src' resolve './css/index.css' in 'D:\VScode Project\vue\change\src' using description file: D:\VScode Project\vue\change\pac.
vue中如何引入jQuery和Bootstrap
10-20
对于Bootstrap的CSS部分，同样需要在webpack.base.conf.js中修改resolve配置，并添加别名来指向Bootstrap的CSS文件路径，如上所示。然后，在main.js中引入Bootstrap的CSS文件，代码如下： ```javascript import '...
Can't resolve 'assets/img/bg.jpg' in 'D:\Program Files\idea\Idea Projects\test-ui\src\app\pages\login'
08-31
- *3* [【vue】引入bootstrap.css文件报错报错Module not found: Error: Can‘t resolve ‘./assets/css/‘...（已...](https://blog.csdn.net/yolo_______95/article/details/127415721)[target="_blank" data-...
vue-cli如何引入bootstrap工具的方法
08-29
import './assets/css/bootstrap.min.css' import './assets/js/bootstrap.min' ``` 这将引入 Bootstrap 的 CSS 和 JavaScript 文件。 Step 5: 拷贝 Bootstrap 文件 最后，需要在 `assets` 文件目录中拷贝 ...
This relative module was not found: Error: Can‘t resolve ‘../assets/bg.jpg‘
SpageBooo
04-20 1069
想用张图片当背景，结果报出以下错误： 看了看语法,没错啊，为什么会显示我路径不对呢？ background: url('../assets/bg.jpg') no-repeat; 查来查去，原来这个路径要从外部src开始查…… background: url('../../../src/assets/bg.jpg') no-repeat; 另外，建议静态资源(图片、css)这些放一起~ o(￣▽￣)o ...
【Bootstrap】请求 /css/bootstrap.css，但是 log 显示请求 /css/bootstrap.css.map，报错 HTTP error: status code 404
小秀的博客
11-03 305
【代码】【Bootstrap】请求 /css/bootstrap.css，但是 log 显示请求 /css/bootstrap.css.map，报错 HTTP error: status code 404。
能获取到值的情况下，td中添加值只能用document.write (message)；填写
huxihua2006的博客
08-11 375
<!doctype html> Bootstrap 101 Template 生成销售订单展示 序号 返回信息 数据 是否成功 1 <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边)
vue项目引入本地bootstrap不生效问题
weixin_45660458的博客
07-28 2747
引入本地bootstrap不生效解决方法
vue项目下引入bootstrap没反应
你好_晴天
07-29 4323
问题描述：vue项目下用本地的bootstrap在index.html中用常规方法引入bootstrap.min.css和js文件失败，但是用bootstrap官网的cdn方式引入却可以 原因：在vue项目下使用bootstrap需要配置一下，如下所示 <div id="post_...
Can't resolve './css/common.css' in 'D:\demo\demo13\muke3\src'
kfgauss的博客
01-28 3298
慕课网webpack视频错误，折腾好久，原来自己路径搞错了，放到上一层了
vue 项目找不到模块(Module not found)
热门推荐
分享我的编程经验和学习心得
03-01 2万+
Module not found: Error: Can't resolve... 只要将你写的组件名name和文件名称统一就可以了 比如你的组件名为Test 文件名也必须为Test.vue
vue：Module not found: Error: Can‘t resolve ‘./src/assets/home_top_bg.png‘ in ‘C:\...src\components‘
yyyyyyyyyyy_9的博客
08-02 2547
这个错误表明在Top.vue组件中引用的图片路径./src/assets/home_top_bg.png无法找到。确认图片文件是否存在：检查src/assets目录下是否存在名为home_top_bg.png的图片文件。确认图片路径是否正确：检查Top.vue组件中图片引用的路径是否正确。确保路径与图片实际位置相符。确认图片名称是否正确：如果图片文件名为home_top_bg.png，确保在代码中引用图片时大小写和拼写是一致的。重新运行项目：如果你对以上问题进行了修复，请重新运行项目并确保错误是否消失。
vue项目css中设置元素背景时找不到图片Module not found: Error: Can‘t resolve....
最新发布
pixelhe的博客
07-19 269
是否vuec create创建的项目，图片是否放在了public下，如果是的话解决方法：将图片资源放在src下的某个地方，然后路径用@引用，如background: url('@/assets/images/home/hot/xxx.png') no-repeat。新手还是用vite吧，构建速度啥的也快，也没这么复杂。很无语....用vite构建的项目没有这个问题。
Module not found: Can't resolve 'bootstrap/dist/css/bootstrap-theme.css' in 'C:\react-form-validatio...
weixin_30367873的博客
05-06 1684
此错误是由配置错误、版本不匹配或引导安装损坏引起的。如果已经安装了引导程序和反应引导程序，则可以通过以下方式进行更改： npm install --save bootstrap@^4.0.0-alpha.6 react-bootstrap@^0.32.1 （检查package.json是否包含“bootstrap”和“react bootstrap”（如果不确定），只需安装不...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值