代码之家 › 专栏 › 技术社区 › localhost

为什么sass不在Nuxt项目中编译

nuxt.js

0

localhost · 技术社区 · 7 年前

documentation 它告诉我们要安装几个软件包,这将是复杂的。但我得到以下错误

error  in ./pages/index.vue?vue&type=style&index=0&lang=sass&

Module build failed (from ./node_modules/sass-loader/lib/loader.js):

body{
    ^
      Invalid CSS after "body{": expected "}", was "{"

我的代码在index.vue中

<style lang="sass">
body{
  margin: 0;

  links{
    border-bottom: 2px solid red;
  }
}
</style>

1 回复 | 直到 7 年前

1

2

niclas_4 7 年前

这里有一些关于Sass和Scss的信息

CSS的语法。这意味着每个有效的CSS样式表都是一个有效的功能描述如下。使用此语法的文件具有.scss 分机。

第二种或更早的语法,称为缩进语法(或使用缩进而不是括号来表示选择器和换行符而不是分号来分隔属性。使用此语法的文件的扩展名为.sass。 http://sass-lang.com/documentation/file.SASS_REFERENCE.html#syntax

lang="scss" 然后它会工作,你仍然有Scss的好处。

热释光;博士: lang=“scss”