EasySass: could not generate CSS file. See Output panel for details.微信小程序报错及解决

解决微信小程序导入vscode的easysass包报错

  • 问题发现
  • 问题来源和解决
  • 制作不易,感谢三联,谢谢大家啦

问题发现

  • 当我喜滋滋的在vscode中导入easysass包之后,又在微信小程序中添加vscode扩展,又去文件中改好了配置文件后却直接弹出了一个报错,真是令人猝不及防,那么让我来带领大家解决它吧。
    在这里插入图片描述

问题来源和解决

  • 可能1:如果你之前用都没有问题,并且这次也是正常操作的话,首先你要检查有没有粗心的把文件后缀写为.sass,如下,如果写错,就会提示这个问题,把文件后缀改正为scss就解决了。
    在这里插入图片描述
  • 可能2:你之前没有用过微信小程序+vscode+easysass的组合,配置完成之后可以正常编译为wxss文件,但就是 一直弹出报错,那么你很有可能是打开了自动保存。因为这样他就会实时的检查你保存文件的问题并编译为wxss文件,可你的文件只写了一半还存在语法错误,但easysass无法完成编译就会弹出弹窗。这时你只能去选择关闭自动保存来解决问题。
    在这里插入图片描述
  • 关闭自动保存:点击文件->点击自动报错。就可以了。
    在这里插入图片描述
  • 如果你在遇见弹窗的时候足够细心就会发现在调试起的【输出】会输出报错,它提示在"…ckground: pink;后应该是【}】而不是一个【.】,但这是我们代码的中间状态,正常情况不会报错,这时候报错只有一个原因,他自动进行了保存,这就是要关闭自动保存的原因
Error: Invalid CSS after "...ckground: pink;": expected "}", was "."on line 2 of sass/d:\24.1.10微信小程序\demo002\pages\index\index.scss
>>     background: pink;----------------------^
  • 可能3:忘记更改easysass的配置文件,这时需要点开微信小程序->点击编辑->点击最下面的打开编辑器扩展目录,选择带有easysass的文件夹,我的是【spook.easysass-0.0.6】,再选择.json结尾的文件,把"easysass.formats"部分【大致在30-40行】改为如下就可以了,把css改为wxss,并删除下面一部分。
    在这里插入图片描述
"easysass.formats": {"type": "array","default": [{"format": "expanded","extension": ".wxss"}],"description": "Define format(s) for outputted css files. Use \"nested\", \"expanded\", \"compact\" or \"compressed\" as a format."},
  • 可能4:就是你的插件和easysass发生了冲突,这时候你只能两害取其轻了,删除一个不那么重要的插件来维持正常使用

制作不易,感谢三联,谢谢大家啦

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/691411.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

npm run dev运行出现NODE_OPTIONS=--max_old_space_size=4096 vite --mode dev --host?

问题描述 PS E:\AWorkDataease\DataEase\core\core-frontend> npm run dev dataease0.0.0 dev NODE_OPTIONS–max_old_space_size4096 vite --mode dev --host 0.0.0.0 ‘NODE_OPTIONS’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。 解决方案 遇到…

生成对抗网络----GAN

系列文章目录 文章目录 系列文章目录前言一、基本构成二、应用领域三、基本原理四、如何训练GAN 前言 一、基本构成 GAN (Generative Adversarial Network) : 通过两个神经网络,即生成器(Generator)和判别器(Discriminator&#…

AtCoder Beginner Contest 341 D - Only one of two (Java)

AtCoder Beginner Contest 341 D - Only one of two (Java) 比赛链接:AtCoder Beginner Contest 341 D题传送门AtCoder:D - Only one of two D题传送门洛谷:[ABC341D] Only one of two 题目:[ABC341D】 Only one of two 题目…

padding属性顺序

padding 一个属性值应用四个边, 二个属性值,先上下,后左右 三个属性值,前上,中左右,最后是下 四个属性值,从上边开始,顺时针开始,上,右,下&…

安卓游戏开发之图形渲染技术优劣分析

一、引言 随着移动设备的普及和性能的提升,安卓游戏开发已经成为一个热门领域。在安卓游戏开发中,图形渲染技术是关键的一环。本文将对安卓游戏开发中常用的图形渲染技术进行分析,比较它们的优劣,并探讨它们在不同应用场景下的适用…

C/C++ BM12 单链表的排序

文章目录 前言题目解决方案一1.1 思路阐述1.2 源码 解决方案二2.1 思路阐述2.2 源码 总结 前言 链表排序处理起来比较麻烦,因为它不支持下标操作。这里写一下链表排序的常用方法。 题目 描述 给定一个节点数为n的无序单链表,对其按升序排序。 数据范围…

【论文阅读笔记】AutoAugment:Learning Augmentation Strategies from Data

AutoAugment:Learning Augmentation Strategies from Data 摘要 🔬 研究方法: 本文描述了一种名为AutoAugment的简单程序,通过这个程序可以自动寻找改进的数据增强策略。研究设计了一个策略空间,其中策略包含多个子策略,在每个小…

python+django+vue汽车票在线预订系统58ip7

本课题使用Python语言进行开发。基于web,代码层面的操作主要在PyCharm中进行,将系统所使用到的表以及数据存储到MySQL数据库中 使用说明 使用Navicat或者其它工具,在mysql中创建对应名称的数据库,并导入项目的sql文件; 使用PyChar…

好书推荐丨《细说机器学习:从理论到实践》

文章目录 写在前面机器学习推荐图书内容简介编辑推荐作者简介 推荐理由粉丝福利写在最后 写在前面 本期博主给大家推荐一本有关机器学习的全新正版书籍,对机器学习、人工智能感兴趣的小伙伴们快来看看吧~ 机器学习 机器学习(Machine Learning, ML&…

※【回溯】【深度优先前序】Leetcode 257. 二叉树的所有路径

※【回溯】【深度优先前序】Leetcode 257. 二叉树的所有路径 解法0 迭代法解法1 深度优先 前序解法2 深度优先 前序 添加了StringBulider ---------------🎈🎈257. 二叉树的所有路径 题目链接🎈🎈------------------- 解法0 迭代法…

08MARL深度强化学习 independent learning

文章目录 前言1、Independent Value-based Learning2、Independent Policy Gradient Methods 前言 记录independent learning算法的基础概念,使用一些RL算法训练多智能体 1、Independent Value-based Learning 基于值的独立学习算法:每个智能体根据自身…

十一、Nacos源码系列:Nacos配置中心原理(三)- 配置热更新

上面章节我们讲了服务启动的时候从远程 Nacos 服务端拉到配置,以及服务启动后对需要支持热更新的配置都注册了一个监听器,这个章节我们来说下配置变动后具体是怎么处理的。 回到前面文章说过的 NacosPropertySourceLocator 的 locate()方法看看&#xff…

浅谈前端性能优化的方法

前端性能优化是一个多方面的过程,涉及减少加载时间、提高响应速度、优化渲染等方面。以下是一些常见的前端性能优化方法: 减少HTTP请求:合并CSS和JavaScript文件,使用CSS Sprite技术,以及使用HTTP2.0等协议来减少HTTP…

51-2 万字长文,深度解读端到端自动驾驶的挑战和前沿

去年初,我曾打算撰写一篇关于端到端自动驾驶的文章,发现大模型在自动驾驶领域的尝试案例并不多。遂把议题扩散了一点,即从大模型开始,逐渐向自动驾驶垂直领域靠近,最后落地到端到端。这样需要阐述的内容就变成LLM基础模…

【Docker】集群容器监控和统计 Portainer基本用法

Portainer是一款轻量级的应用,它提供了图形化界面,用川于方便地管理Docker环境,包括单机环境和集群环境。 主要功能:实现集群容器的监控和统计 下载安装 官网:https://www.portainer.io 文档:https://do…

如何用java来调用FileMaker data Api 新增数据的代码

Claris Filemaker目前在国内的使用用户并不是很多,但是非常适合我们目前的实验室智能化研发系统,今天也给大家做一个小小的技术分享。(看最后注释部分,有彩蛋哦) 要使用Java调用FileMaker Data API来新增数据&#xf…

Python Selenium实现自动化测试及Chrome驱动使用

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到网站零基础入门的AI学习网站~。 目录 ​编辑 前言 Selenium简介 安装Selenium库 编写自动化测试脚本 1 打开浏览器并访问网页 2 查找页面元…

前端架构: 脚手架框架之commander从基础到高级应用教程

commander 1 )概述 commander 是一个更为知名的脚手架框架进入它的npm官网: https://www.npmjs.com/package/commander目前版本: 12.0.0Weekly Downloads 133,822,797 (动态数据)最近更新:15 days ago (npm)说明这是一个更优质的库同时使用commander的案…

Docker Desktop 链接windos 安装的redis和mysql

1.1.先在容器安装项目 2.链接redis和mysql配置 redis和mysql是在windos安装的,使用的是小p管理器安装的 项目链接 DB_DRIVERmysql DB_HOSThost.docker.internal DB_PORT3306 DB_DATABASEyunxc_test DB_USERNAMEyunxc_test DB_PASSWORDtest123456... DB_CHARSETutf…

Python中*args 和**kwargs

当函数的参数不确定时,可以使用*args 和**kwargs,*args 没有key值,**kwargs有key值。 *args [python] def fun_var_args(farg, *args): print "arg:", farg for value in args: print "another arg:", value fun_var_a…