Nuxt 不接受布局目录中的 lang 属性“scss”

【问题标题】：Nuxt doesn't accept lang attribute "scss" in layout dirNuxt 不接受布局目录中的 lang 属性“scss”
【发布时间】：2018-08-03 16:47:35
【问题描述】：

我在 nuxt 组件中使用 sass 代码，只需在样式标签中添加 lang="scss" 即可。当我将此属性添加到布局文件（布局文件夹）中的样式标记时，样式标记不再被处理，并且以下 css (scss) 代码被忽略。

谁能解释发生了什么以及如何解决这个问题？

【问题讨论】：

【解决方案1】：

您必须安装node-sass 和sass-loader 才能使用预处理器，在项目文件夹中运行此终端命令

npm install sass-loader node-sass --save-dev

并查看此链接以启用 Vue 中的其他预处理器，Pre-Processors - vue-loader

【讨论】：

谢谢 Jefry，但是 node-sass 和 sass-loader 已经安装好了。在组件中，lang 属性工作正常，我可以使用 scss。它只是在 nuxt 特定布局（布局文件夹）中不起作用。

【解决方案2】：

问题已解决：重新启动开发服务器 (npm run dev) 后，nuxt 正确编译了 scss 代码。该问题似乎仅限于开发模式下的实时浏览器更新。

【讨论】：