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

这篇具有很好参考价值的文章主要介绍了EasySass: could not generate CSS file. See Output panel for details.微信小程序报错及解决。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

问题发现

当我喜滋滋的在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发生了冲突，这时候你只能两害取其轻了，删除一个不那么重要的插件来维持正常使用

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

文章来源地址https://www.toymoban.com/news/detail-831484.html

到了这里，关于EasySass: could not generate CSS file. See Output panel for details.微信小程序报错及解决的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！