引入stylus的icon没有效果，当引入第二个stylus时编译报错

最新推荐文章于 2024-08-15 12:28:07 发布
最新推荐文章于 2024-08-15 12:28:07 发布
阅读量91 收藏
点赞数
分类专栏： 前端 vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46413795/article/details/104715301
版权

报错如图
原因只有一个，那就是报错信息提示的：他找不到，路径有问题。于是我采用了绝对路径。编译不再报错了
原先这里是相对路径
但是页面有问题，似乎还是资源找不到的问题
解决了编译问题之后资源有问题了

weixin_46413795
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue脚手架中stylus安装和以及stylus安装后没报错但没作用
qq_43547800的博客
08-06 1093
在写这个vue项目，stylus这个不过深刻的给我上了一课什么叫：前端才是真正费时间的！！！还有真的要细心 我遇到的bug有： 1、安装stylus时：npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modulesvents): npm WARN notsup SKIPPING OPTIONAL DEP...
html引入stylus,stylus 导入(@import)
weixin_34530164的博客
06-15 851
本文是《CSS框架》系列文章第 32篇 (共 41 篇)导入Stylus支持字面@import CSS, 也支持其他Stylus样式的动态导入。字面CSS任何.css扩展的文件名将作为字面量。例如：@import "reset.css"渲染如下：@import "reset.css"Stylus导入当使用@import没有.css扩展，会被认为是Stylus片段(如：@import "mixins...
前端学习笔记-8.7.3stylus引入icon字体文件无法解析
qq_43000359的博客
10-07 585
从iconMoon制作了字体文件，使用时出现问题， 报错： 将原来在common文件夹下的fonts放置于static文件夹下，修改根路径’/static/font/sell’ 我是将icon.styl放在了index.styl中 又在main.js中引入了index.js ...
在stylus格式的图标字体里url无法解析
Super灬LV
12-17 1884
问题最近在使用Vue开发时 使用了icmoon生成的字体图标，但是引入项目文件后一直报错。我尝试了使用stylus引用、CSS引用 都不可以。解决方式后来尝试把font资源放在static文件下，使用绝对路径访问就可以了。 之前卡在这个地方好久，因为我反复的检测测试过 本地项目的css loader 、stylus loader 等都是配置可以的，但是每次报的都是路径的访问问题，后来偶然看到了这
详解vue中引入stylus及报错解决方法
08-29
有时在尝试使用 Stylus 时，Vue CLI 可能会报错。如果遇到 "Module parse failed: Unexpected token" 这样的错误，除了安装 stylus-loader，还可能需要安装 stylus 本身。可以通过以下命令安装： ```bash npm ...
Vue引入Stylus知识点总结
11-21
然而，当项目结构变得复杂时，文件引入路径可能会变得很深，导致代码不易维护。为了解决这个问题，我们可以利用Webpack的别名（alias）配置来简化路径引用。 首先，我们需要确认项目是否已经安装了`path`模块。如果...
Vue项目中如何引入icon图标
08-27
Vue项目中如何引入icon图标 标题解释 本文的标题“Vue项目中如何引入icon图标”详细介绍了在Vue项目中如何引入icon图标的方法。该文章通过图文并茂的形式，向读者展示了详细的引入icon图标的步骤。 描述解释 文章...
webpack 编译stylus_vue webpack 打包处理stylus中图片的路径问题
weixin_31290899的博客
12-24 172
想要在一个组件的目录下引用assets文件目录下的图片，用了stylusCSS如下：stylus:在webpack中配置了aliaswebpack打包时候报错，提示的信息如下，所以是编译到了当前目录下的assets下面的图片。如果我写相对路径的话是可以访问的到的，但是这样要去写../../这样比较麻烦。怎们样能通过alias这样快速访问？* ./assets/logo@2x.png in ./~/...
vue中引入icomoon彩色图标，stylus文件
Gesj
03-15 1370
在iconmoon中preferences选择Stylus。 点击download，解压后有以下文件。 将fonts文件夹复制到src目录下common中。并在common目录中添加stylus文件夹。将style.styl文件和variables.styl文件复制进去。（可将style.styl改为icon.styl）我的项目目录如下： 更改variables.styl中icomoon-f...
Chrome插件之Stylus——个性化百度界面定制
热门推荐
诗和远方
02-28 1万+
首先看下 插件效果： 具体的操作： Stylus插件下载地址：https://extfans.com/search/?q=stylus 安装好Stylus后，就可定制插件了。 点击浏览器插件图标：Stylus ,点击管理已安装： 进入修改样式页面： 可新建样式，拷贝如下插件代码： /*========= Public ========= */ * { ...
引用stylus文件，stylus文件中再引用.svg的问题
Vivi4478的博客
11-28 1428
文件结构 我在header.vue文件中用相对路径引入了icon.styl文件   @import "../../common/stylus/icon.styl"; 又在icon.styl文件中用相对路径引入了sell-icon.svg等文件 @font-face {   font-family: 'sell-icon';   src:  url(‘../fon
stylus 设置全局样式_matplotlib美化：样式表
weixin_35785186的博客
12-30 220
style sheets - 样式表style包增加了基于同样的rc文件参数条件下，简便切换图表样式的支持。使用样式表matplotlib提供了一些预定义的样式。如一个预定义样式表名为"ggplot"，它模仿了R的ggplot包。使用这个样式只需调用plt.style.use('ggplot') 一个完整的例子：Style sheets - 237Bayesian Methods for Hack...
在VUE的项目中使用字体图标以及Stylus
weixin_33694172的博客
06-12 497
字体图标可以从阿里巴巴的矢量图标库里下载: https://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.4&type=1 比方说我需要一个搜索图标，可以把其先添加到购物车 在项目里可以把添加过去的icon下载下来 下载下来的压缩包解压出来有这么多文件: 其中有用的就这一些： 打...
实现父组件调用子组件方法时报错：[Vue warn]: Invalid vnode type when creating vnode: null.
08-14 317
[Vue warn]: Invalid vnode type when creating vnode: null.
vue选中下拉框数据，但是值没有填充到框内
m0_68154641的博客
08-14 219
element-ui选中下拉框数据，但是值没有填充到框内
element table 判断当前行是否展开和只展开一行
最新发布
m0_68716504的博客
08-15 401
element组件提供了table的展开和收起功能，并提供了expand-change事件用来监听table行的展开和收起在一些特殊情况下如：处理异步数据时，希望展开行时请求接口，关闭行时不用请求，但是expand-change，无论是展开还是收起都会触发，于是就希望能有一个类似isExpended布尔类型的状态属性来判断是否调用接口。
vue3进阶用法之通过调用函数动态加载组件用法及示例
wz9608的博客
08-14 337
vue官方文档那边虽然说了函数的使用方法，但没有列举这种业务场景。这里只是做一个简单的实例，其实可以通过这种方法实现其他更多的功能，比如说modal框等等等。
vite stylus 全局变量如何引入
07-21
在Vite项目中使用Stylus作为样式语言时，如果你想要设置全局变量，可以按照以下步骤操作： 1. 首先，安装所需的依赖： ``` npm install --save-dev stylus-loader node-sass autoprefixer --save dev ``` 2. 在`.vite/webpack.config.js`文件中配置Stylus loader。确保它能处理全局变量。添加以下内容到`build`部分的`css`配置里： ```javascript module.exports = { // ... css: { postcss: { plugins: [autoprefixer], }, compilerOptions: { import: ['node_modules/stylus/lib/functions', 'path/to/your/global-variables.styl'], }, }, }; ``` 这里，`import`选项指定了两个路径，一个是Stylus自带的函数库，另一个是你自定义的全局变量文件。 3. 创建一个名为`global-variables.styl`的文件（替换`path/to/your/global-variables.styl`），并在其中定义你的全局变量，例如： ```stylus $primary-color: #007BFF; $secondary-color: #6C757D; // 然后你可以在整个项目的 styl 文件中引用这些变量，比如 body { background-color: $primary-color; } ``` 4. 现在，所有的Stylus文件都能访问并使用你在`global-variables.styl`中定义的全局变量了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值