使用stylus,出现"unexcepted token",

最新推荐文章于 2021-07-31 14:22:56 发布
最新推荐文章于 2021-07-31 14:22:56 发布
阅读量394 收藏
点赞数
分类专栏： 前端 文章标签： vue stylus
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43170297/article/details/101675259
版权

跟着尚硅谷的视频做项目时,使用stylus时,出现以下错误,步骤都对了,总是报错"unexcepted token"
在这里插入图片描述
1 首先检查是否安装stylus的插件
以下三种stylus的插件:

  1. stylue-Linter
  2. stylus-asist
  3. stylus-support
    在这里插入图片描述
    2 查看工具中是否有使用File watchers
    在这里插入图片描述
    如果没有使用stylus的文件监听器,点击右侧" +" ,添加"stylus",
    在这里插入图片描述
    3 检查package.json 的配置文件是否有stylus的相关配置
    在这里插入图片描述
    确认以上地方都没问题之后,仍然有"unexcepted token",在一位大佬的博客上看到
    需要在<style> 中添加 type = "text/stylus"
    在这里插入图片描述
易意逸
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
unexcept token. token is : 'union', at line 33 column 2, token type is 'Keyword'
张柏的专栏
10-16 7641
两表合并时 使用union all 必须给表设置别名、还得注意明确字段e.g:select userInfo1.userName as uName,userInfo2.passWord  as pw from (select * from user) userInfo1union allselect userInfo2.userName as uName,userInfo2.pas
unexcepted token 错误和XXX is not a function错误的解决办法
夏至的博客
09-06 5898
一开始报的是 unexcepted token , 调试的时候，发现，button的onclick事件传递的参数是：（1，，1） 中间空着的位置，传的参数为”。调试之后，发现原因为： onclick事件传参数时，参数应加上”符号。简单来说，就是应该写成：onclick="addRefund('${accountsPurchase.TAccounts.contractId }','${accou
解决 Uncaught SyntaxError: Unexpected token ‘＜‘ 错误解决方法
sunshineTing2的博客
07-31 2万+
、
vue文件使用stylus报错问题
bangxionger9224的博客
07-31 274
先npm install stylus --save然后安装你少的page.json中依赖：npm install stylus-loader css-loader style-loader --save-dev注意还要查看下vue-loader的版本，太低的版本也是还会继续（比如Module build failed: TypeError: loader.charAt is not a...
hdu 1213 How Many Tables（并查集+路径压缩）
Lzhzl211的博客
03-20 420
传送门 题目： Problem Description Today is Ignatius’ birthday. He invites a lot of friends. Now it’s dinner time. Ignatius wants to know how many tables he needs at least. You have to notice that not all the friends know each other, and all the friends do not wa
解决vue-cli中stylus无法使用的问题方法
08-30
首先，当在Vue CLI项目中尝试使用Stylus时，如果出现编译错误，很可能是因为项目缺少了必要的依赖或者依赖版本不正确。根据描述，问题出在没有正确安装`stylus`和`stylus-loader`这两个依赖。`stylus-loader`是...
在vue项目创建的后初始化首次使用stylus安装方法分享
08-28
首先，我们来探讨在Vue项目中，如何在项目创建后的初始化阶段首次使用Stylus这一过程中的关键知识点。Stylus是一种功能强大的CSS预处理器，它为CSS添加了许多有用的功能，如变量、混合、函数等。 1. Vue项目创建后...
详解vue中引入stylus及报错解决方法
08-29
如果遇到 "Module parse failed: Unexpected token" 这样的错误，除了安装 stylus-loader，还可能需要安装 stylus 本身。可以通过以下命令安装： ```bash npm install stylus ``` 之后，确保 `package.json` 文件...
flexboxgrid-stylus:一个使用Stylus的简单Flexbox CSS网格系统
05-01
要安装Flexboxgrid Stylus，请使用以下方法之一。 $ npm install @vivid-web/flexboxgrid-stylus --save # or yarn $ yarn add @vivid-web/flexboxgrid-stylus 配置 要将Flexboxgrid Vue添加到您的项目中，可以使用...
vue 使用Jade模板写html,stylus写css的方法
11-30
// 配置Stylus（如果使用Vue CLI，此步可省略） { test: /\.styl$/, loader: 'stylus-loader', } ``` Jade和HTML的比较： 在HTML中，你需要使用大量的标签闭合和属性赋值，而在Jade中，这些可以更加简洁地表示。...
webpack 编译stylus_Webpack Loader
weixin_29261711的博客
12-24 319
一.Webpack与LoaderWebpack希望对所有依赖资源一视同仁，抹平针对不同类型资源的处理差异：Unlike most bundlers out there, the motivation behind Webpack is to gather all your dependencies (not just code, but other assets as well) and gene...
关于vue前端syntaxerror unexpected token...报错
disanxiaoyao的博客
04-03 2万+
关于vue前端syntaxerror unexpected token...报错vue前端syntaxerror unexpected token。。。报错，注意：是syntaxerror unexpected token。。。而不是uncaught syntaxerror unexpected token。。。 重要的事要三个感叹号！！！一：删除webstorm的.idea文件二：删除项目中...
CSS预处理工具Stylus
dream19921216的博客
09-28 975
CSS（层叠样式表，Cascading Style Sheet）是前端开发中最基本也是最必须的三个（HTML,CSS,JavaScript）技能之一。然而在传统的前端开发中，CSS的开发过于静态化，存在着一些制约开发效率的问题，例如，语法不够强大，无法嵌套书写，导致模块化开发中多次重复书写相同的选择器；没有变量和合理的样式复用机制，使得逻辑上相关的属性值必须以字面量的形式重复输出，导致代码冗余、难
JS Uncaught SyntaxError: Unexpected token ‘:‘问题解决
旭东怪的博客
01-03 1万+
问题描述： Uncaught SyntaxError: Unexpected token ':' 问题分析： 1、eval()方法将字符串转换成json对象时，字符串格式不对。 错误示例： var strJson1="{\"name\":\"123\"}"; var json1=eval(strJson1); 解决办法： （1）将字符串格式变为"[{\"name\":\"123\"}]"。 （2）将eval(data)这种使用方法变为eval("("+data+")")。 注：有关eva
解决error: Expected token ",".
W__Alvin的博客
02-21 1万+
QML 项目打开的时候，问题栏中会出现很多这种错误提示，但是程序编译、运行都没有问题，只要在文件中任何位置按下空格，然后保存一下，这个界面上所有的这种问题就消失了；但是，当再次打开这个工程、或者重启 Qt IDE 之后，这个问题还是会出现，让人很不开心~ 在 QTCN 上提问之后，有网友觉得是编码格式问题，之后，我就在 UTF-8 加不加 BOM （Byte Order Mark）的问题上百度了一...
一个很无语的bug——for语句的Unexpected token
aaLiweipeng的博客
07-30 5354
在Android中，for语句是不能像这样被单独写在外面的： 不然会出现下面这个错误（第一个红框）： 正确的处理方法就是向第二个红框那样子用一个初始化方法把它封装起来。 ...
uni-app使用stylus预处理器提示“缩进报错”
月落星河
10-24 1150
在uni-app中使用stylus的时候，老是提示缩进报错，刚开始认为是stylus本身的有代码格式的问题。 查询后发现是tab和空格不一致造成的缩进不一样，所以我们需要调试一下 hbuilder 点击工具—》然后点击—》设置，将空格代替制表符选中，制表符的长度设置就根据你自己的喜好去设置。 ...
vue使用stylus报错解决方法
u012317188的专栏
04-27 7396
在项目中的.vue文件中，如果想使用stylus即：如：<style lang="stylus" ><style> 常常会报错如下： 此时不仅仅需要npm install stylus-loader.还需要npm install stylus 。然后在packge.json文件中写入 此时，stylus文件就可用了，项目就可以正常运行了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值