医院网站队伍建设,医疗器械网站前置审批,河南经贸一站式服务平台,wordpress会员推广下载支付插件解决微信小程序导入vscode的easysass包报错 问题发现问题来源和解决制作不易#xff0c;感谢三联#xff0c;谢谢大家啦 问题发现
当我喜滋滋的在vscode中导入easysass包之后#xff0c;又在微信小程序中添加vscode扩展#xff0c;又去文件中改好了配置文件后却直接弹出了… 解决微信小程序导入vscode的easysass包报错 问题发现问题来源和解决制作不易感谢三联谢谢大家啦 问题发现
当我喜滋滋的在vscode中导入easysass包之后又在微信小程序中添加vscode扩展又去文件中改好了配置文件后却直接弹出了一个报错真是令人猝不及防那么让我来带领大家解决它吧。
问题来源和解决
可能1如果你之前用都没有问题并且这次也是正常操作的话首先你要检查有没有粗心的把文件后缀写为.sass如下如果写错就会提示这个问题把文件后缀改正为scss就解决了。 可能2你之前没有用过微信小程序vscodeeasysass的组合配置完成之后可以正常编译为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.scssbackground: 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发生了冲突这时候你只能两害取其轻了删除一个不那么重要的插件来维持正常使用
制作不易感谢三联谢谢大家啦
