Skip to content

vue-loader: 11.3.4 → 12.0.0 breaks <style lang="scss"> #790

Closed
@bentolor

Description

@bentolor

Version

12.0.0

Reproduction link

Can't reproduce a build problem

Steps to reproduce

After upgrading my vue-loader dependency from 11.3.4 to 12.0.0 the `<style lang="scss"> does no longer work.

I'm using the latest vue-cli webpack template with the following added to webpack.base.conf

      {
        test: /\.scss$/,
        loaders: [ 'style', 'css', 'sass' ]
      },

What is expected?

It should work as previously.

What is actually happening?

ERROR  Failed to compile with 1 errors                                                                                                                 19:16:22

 error  in ./src/App.vue

Module build failed: 
.wrapper {
         ^
      Invalid CSS after ".wrapper {": expected "}", was "{"
      in /home/ben/projects/mfusst-ui.git/app/src/App.vue (line 18, column 11)

 @ ./~/vue-style-loader!./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-bd26cd6c","scoped":false,"hasInlineConfig":false}!./~/sass-loader/lib/loader.js?{"indentedSyntax":true,"sourceMap":false}!./~/vue-loader/lib/selector.js?type=styles&index=0!./src/App.vue 4:14-404 13:3-17:5 14:22-412
 @ ./src/App.vue
 @ ./src/main.js
 @ multi ./build/dev-client ./src/main.js

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions