vue的採坑之旅–vue-cli腳手架loader重複–Invalid CSS after “…load the styles”: expected 1 selector or at-rule

認真的四季豆發表於2019-02-12
VueCSS

在使用scss是可能會新增loader，例如

  {
    test: /.scss$/,
    use: [`style-loader`, `css-loader`, `sass-loader`],
  }

然而當使用vue-cli腳手架建立專案時，可能出現如下錯誤：

Invalid CSS after "...load the styles": expected 1 selector or at-rule, was "var content = requi"
in G:......................srccomponentscommoncss
eset.scss (line 1, column 1)

這是loader重複導致的，在build/utils.js中的exports.cssLoaders中已經返回相關loader了，

  // 這兩行：
  sass: generateLoaders(`sass`, { indentedSyntax: true }),
  scss: generateLoaders(`sass`),

解決方案很簡單：

就是自己不要加樣式相關的loader了；
或者自己新增樣式的loader但要註釋掉這兩行，當然如果你用的是less就註釋掉對應的行就可以了。

相關文章