stylus

Vue脚手架菜鸟级错误 npm run dev

匿名 (未验证) 提交于 2019-12-02 23:59:01
ERROR Failed to compile with 1 errors Failed to resolve loader: stylus-loader You may need to install it. 在项目目录下输入 npm install -save-dev stylus-loader //将模块安装到项目目录下,并在package文件的devDependencies节点写入依 照理来说应该是好了,但是还是有问题 ERROR Failed to compile with 1 errors error in ./src/components/testContainer.vue?vue&type=style&index=0&id=6ca73acf&lang=stylus&scoped=true Module build failed (from ./node_modules/stylus-loader/index.js): Error: Cannot find module 'stylus' 可以看到Error后又要让我们安装一个‘stylus’ npm install -save-dev stylus 这次主要如何看错误 来源:博客园 作者: Xuhua123 链接:https://www.cnblogs.com/xuhua123/p/11489758.html

VSCode Vue Stylus expected "indent", got "eos"

匿名 (未验证) 提交于 2019-12-02 22:56:40
使用VSCode编写Stylus的时候出现expected "indent", got "eos"错误,查询后发现是tab制表符(\t)和空格(' ')混用了,导致stylus无法正常编译,网上查询的解决方法是Editor: insert spaces设为true,而将Editor:detect Indentation设为false,设置后发现无法解决问题,经实测将两者都设为false可以解决。 文件-》首选项-》设置-》搜索indent则可以出现上述两个选项。 文章来源: VSCode Vue Stylus expected "indent", got "eos"

Vue 之Stylus使用

十年热恋 提交于 2019-12-02 21:42:50
一、什么是Stylus CSS预处理器有 Sass、LESS 和 Stylus ,其中Stylus是来源于Node.js社区,与js关系密切,所以基于Vue.js的开发,我们选择使用Stylus。 二、配置环境 npm install stylus --save-dev -g // 预处理css npm install stylus-loader --save-dev -g // webpack识别stylus 或者 npm install stylus stylus-loader --save-dev -g 三、使用Stylus webstrom配置 src/assets下添加 base.styl文件 . top { height : 80 px ; line-height : 80 px ; background-color : #0e5792 ; min-width : 800 px ; } . avatar float : left ; width : 300 px ; img width : 60 px ; height : 60 px ; display : inline-block ; border-radius : 30 px ; Vue文件中引用 import './assets/base.styl' < h2 class ="top" > this app

Less mixin issue for multiple box-shadow arguments

独自空忆成欢 提交于 2019-12-02 01:07:51
问题 I'm working in a project were i have to use less, personally I always use stylus, but I can't with this project, so I have the next question. how can i do this, that i'm doing with stylus, with less ? The problem is the number of arguments. in stylus : box-shadow() -webkit-box-shadow arguments -moz-box-shadow arguments box-shadow arguments .div { box-shadow 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.2), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255,

Less mixin issue for multiple box-shadow arguments

岁酱吖の 提交于 2019-12-01 21:34:58
I'm working in a project were i have to use less, personally I always use stylus, but I can't with this project, so I have the next question. how can i do this, that i'm doing with stylus, with less ? The problem is the number of arguments. in stylus : box-shadow() -webkit-box-shadow arguments -moz-box-shadow arguments box-shadow arguments .div { box-shadow 0 2px 8px rgba(0, 0, 0, 0.3), inset 0 1px rgba(255, 255, 255, 0.2), inset 0 10px rgba(255, 255, 255, 0.2), inset 0 10px 20px rgba(255, 255, 255, 0.2), inset 0 -15px 30px rgba(0, 0, 0, 0.2) } .div2 { box-shadow 0 2px 8px rgba(0, 0, 0, 0.3) }

Vue项目的开发

拈花ヽ惹草 提交于 2019-12-01 01:06:50
7-1 Vue项目首页 - header区域开发   1. 通过stylus 开发辅助工具帮助我们在css中使用变量,方便我们快速编写css代码   通过终端打开项目所在文件夹,安装依赖包。   (1) npm install stylus --save   (2) npm install stylus-loader --save 来源: https://www.cnblogs.com/YanSmallKind/p/11645566.html

手动安装sublimeText3插件

岁酱吖の 提交于 2019-11-30 21:11:06
就在今天下午,我花了一个小时的时间安装sublime3插件stylus,就是为了让stylus文件能够高亮显示。 网上找了很多方法,可以通过package control安装,然而,我的sublime package control能够正常显示,插件列表也可以正常搜索出来,就是点了插件列表就没有后续了。 如果不想花那么多时间去找怎么用package control安装插件的话,就像我一样手动安装吧。 1. 首先去package control网址 搜索想要下载的插件,比如我搜索的是stylus插件。 2. 然后在搜索结果列表中点击想要下载的插件,进去之后点击插件的github地址,然后在github上将插件下载下来。 注意:有些插件搜索出来之后,可以直接点击download直接下载,如下图: 3. 将下载下来的压缩包解压,然后在sublimeText中,选择Preferences > Browse Packages… 4. 最后把已经解压好的插件文件夹放入打开的文件地址,重启sublime插件安装完成。 来源: https://www.cnblogs.com/wpcnblog/p/11640578.html

Webpack && stylus-loader incorrectly resolve url paths

你说的曾经没有我的故事 提交于 2019-11-30 14:07:24
问题 Let's say I have home.styl menu/ menu.styl image.svg home.styl is required from an entry point or JS. Then: home.styl imports menu/menu.styl menu/menu.styl has url(image.svg) . The problem is that image.svg is not found. It exists in the same folder as menu.styl , but is not resolved. The loaders are: loaders: [{ test: /\.styl$/, loader: 'style!css!stylus' }, { test: /\.(png|jpg|svg|ttf|eot|woff|woff2)$/, loader: 'file?name=[path][name].[ext]' }] Below are my ideas why that fails. Hope to get

Expressjs not loading stylesheets on heroku, giving 500 error

℡╲_俬逩灬. 提交于 2019-11-30 10:16:45
I'm running an Expressjs installation on heroku, and it's not loading the stylesheets. I hit ctrl+u and then click on the stylesheet link, and get this error: TypeError: Object #<SendStream> has no method 'on' at Object.static [as handle] (/app/node_modules/express/node_modules/connect/lib/middleware/static.js:75:8) at next (/app/node_modules/express/node_modules/connect/lib/proto.js:190:15) When I go to the url '/stylesheets/style.css' I get this error: Express 500 TypeError: Object #<SendStream> has no method 'on' at Object.static [as handle] (/app/node_modules/express/node_modules/connect