六、Can't resolve '../fonts/glyphicons-halflings-regular.woff2' in 'D:\source-cod

最新推荐文章于 2023-01-07 18:55:14 发布
最新推荐文章于 2023-01-07 18:55:14 发布
阅读量2.1k 收藏 1
点赞数
文章标签： bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42696828/article/details/103390721
版权

使用vue使用脚手架引入bootstrap遇到Can’t resolve '…/fonts/glyphicons-halflings-regular.woff2问题，查看对应目录文件是存在的，所以不是缺失问题，应该是路径问题，css文件中的默认写法，只适用于传统的web服务器，在node这里不行了，所以我们打开bootstrap.css找到缺失的文件路径前面font的引用改一下，把 …/font改为 /font，也就是去掉前面的两点，再重新npn run dev,成功构建！
在这里插入图片描述

If Else
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ERROR in ./~/bootstrap-sass/assets/fonts/bootstrap/glyphicons-halflings-regular.eot Module parse fai
linyeban的博客
02-02 3753
原因：编译器尝试加载.eot font file,但是不知道怎么做，因为你没有适合loader 解决方法： 1、npm install file-loader url-loader -D 2、在webpack.config.js中添加下面的加载器 test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, loader:
gcr.io/kubebuilder/kube-rbac-proxy:v0.13.0 镜像
10-16
gcr.io/kubebuilder/kube-rbac-proxy:v0.13.0 镜像
解决 vue3.x 引入 bootstrap样式font字体库找不到
xzlAwin的博客
04-23 1184
解决 vue3.x 引入 bootstrap样式font字体库找不到 问题描述，在vue3.x项目中使用了bootstrap.css文件，运行项目，font库找不到 异常信息 These relative modules were not found: * ../fonts/glyphicons-halflings-regular.eot in ./node_modules/css-loader/dist/cj s.js??ref--6-oneOf-3-1!./node_modules/postcss
angular Can't resolve '../fonts/glyphicons-halflings-regular.woff2' in ...
小鹰信息技术服务部
06-24 4351
调试angular应用，引入的bootstrap.css中有一种字体的引用，启动会浏览器报错，提示：Failed to compile../src/app/assets/css/bootstrap.css(Emitted value instead of an instance of Error) CssSyntaxError: D:\source-code\web-front\webapp\sr...
These relative modules were not found:
蓝色黄梅天的博客
12-06 1657
These relative modules were not found:
Bootstrap glyphicons-halflings-regular.woff2 Not found
weixin_40769819的博客
05-26 671
原因：fonts字体文件位置不对，应该将其放到bootstrap.css文件的同目录下。 字体文件的引用在bootstrap.min.css / bootstrap.css中 ，可在 bootstrap.min.css / bootstrap.css文件中搜索fonts。就能看到对字体文件的引用。 ...
bootstrap找不到glyphicons-halflings-regular.woff2
weixin_34389926的博客
07-25 2789
在vue2的项目中是用bootstrap，提示下面的字体文件找不到 http://localhost:8080/static/fonts/glyphicons-halflings-regular.woff2 http://localhost:8080/static/fonts/glyphicons-halflings-regular.woff http://localhost:8080/stati...
npm run dev 报错 ERROR in Entry module not found: Error: Can’t resolve ‘./src’ in
01-07
Alternatively, run 'webpack(-cli) --help' for ...ERROR in Entry module not found: Error: Can't resolve './src' in 'E:\HBuilder\Vue\day07\test1' npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! test
解决Unable to access 'https://gitee.com/自己的项目/': Could not resolve host: gitee.com问题
10-14
主要介绍了解决Unable to access 'https://gitee.com/自己的项目/': Could not resolve host: gitee.com问题,需要的朋友可以参考下
Maven更新失败，Cannot resolve plugin org.apache.maven.plugins:maven-compiler-plugin:3.1
01-20
Maven更新问题 今天Maven在更新的时候发现一直更新不成功，总结下解决方法。 在apache-maven-3.5.2/conf/setting.xml中加入以下配置即可解决 alimaven aliyun maven ... central junit junit Address/ ...
Bootstrap glyphicons-halflings-regular fonts资源
12-11
boostrap-select.js 使用缺少font字体文件，下载，引入工程，boostrap.min.js 内搜索相关路径：注意更改路径正确。
glyphicons-halflings-regular.zip
04-28
bootstrap 图标显示需要的5个字体文件glyphicons-halflings-regular @font-face { font-family: 'Glyphicons Halflings'; src: url('../common/css/fonts/glyphicons-halflings-regular.eot'); src: url('../common/css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../common/css/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../common/css/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../common/css/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../common/css/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
解决React在安装antd之后出现的Can’t resolve ‘./locale’问题
01-06
React在安装antd之后出现的Can’t resolve ‘./locale’问题，是因为moment在2.2之后的版本都有问题，而react默认使用了最新的moment，但是在moment@2.18.1中是没有问题的。 解决方案就是配置webpack的alias,将所有...
vue引入css文件报错：This relative module was not found:
那朵花的博客
06-27 4271
引入css文件： 报错信息： 问题： 解决办法：打开./src/assets/css/style.css找到../../Assets/fonts/StandardCT-BoldCond.otf，将路径修改正确
解决用Asp.net Mvc 开发时出现glyphicons-halflings-regular.woff2 not found的问题
itcast_jwz_310的博客
11-09 2134
http://blog.csdn.net/feiying008/article/details/50866034引自飞鹰再现 博客
Module not found: Error: Can‘t resolve “xxx“ in “xxx“导致该问题的解决方案
qq_59389108的博客
01-07 5万+
其细致的报错为：Module not found: Error: Can't resolve './images/logo.png' in 'xxx'2：在非路由组件中的style下采用了less样式，而没有下载less相关依赖。在遇到报错时应该仔细阅读报错提示，这样解决起来也不会没有头绪。1：在非路由组件中出现了图片路径，而路由根组件并未导入该图片。根据报错提示反应的情况是：找不到模块：错误：无法解析。在此处我们谈论一下解决该类报错的几种方法。解决方案：在非路由组件下导入该图片。
Vue常见报错及解决方案
TeAmo__的博客
03-23 2万+
写代码的过程中一定会遇到报错，遇到报错不要担心，认真分析就可以解决报错，同时积累经验，早日成为大牛👍 本文会整理一些在编码过程中遇到的常见报错，共同学习。 一、报错结构 二、常见问题总结及解决方法 Mixed spaces and tabs Unexpected keyword 'const' Module not found: Error: Can't resolve '....' in '....' Element is missing end tag TypeError: Cannot.
Module not found: Error: Can‘t resolve
YCQNB_的博客
09-06 2834
只需要再webpack添加这个配置即可。
引入Bootstrap老是报错：the server responded with a status of 404 (Not Found)
热门推荐
gongjing457
09-30 8万+
Failed to load resource: the server responded with a status of 404 (Not Found)    错误指向 ../fonts/glyphicons-halflings-regular.woff2 VS2013使用Bootstrap，引入本地Bootstrap文件老是报错！ 可能的原因有二： 1. 看是引用的还是。
can't resolve './assets/iconfonts/iconfonts.less' vue
最新发布
09-01
当遇到"can't resolve './assets/iconfonts/iconfonts.less' vue"错误时，这通常是由于路径引用错误导致的。 首先，我们需要确保路径'./assets/iconfonts/iconfonts.less'是正确的。请确定该路径是否与实际文件位置相匹配，也要确保文件的相对路径是正确的。 另外，还需要检查是否正确安装了所需的依赖项。在使用Vue开发时，通常会用到一些构建工具（如Webpack等），以及一些插件（如vue-loader）。请确保这些依赖项已正确安装，并且在配置文件中进行了正确的配置。 另外，还有可能是缺少相关的加载器或插件，导致无法解析该文件。例如，在使用Webapck构建项目时，可能需要安装"less-loader"并在配置文件中进行正确的配置，以使Vue能够正确解析Less样式。 最后，如果以上方法仍然无法解决问题，可能需要检查文件的访问权限或与其他代码或插件的冲突。您可以尝试重新安装依赖项，更新相关代码或插件，或者查看错误日志以获得更多详细信息。 总结：当遇到"can't resolve './assets/iconfonts/iconfonts.less' vue"错误时，需要检查路径是否正确，确保依赖项正确安装并进行了配置，以及尝试更新代码或插件以解决该问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值