Closed
Description
Version
15.0.3
Reproduction link
Steps to reproduce
npx gulp build
What is expected?
code built
What is actually happening?
ERROR in ./modules/hello/index.sass?vue&type=style&index=0&lang=sass (../node_modules/mini-css-extract-plugin/dist/loader.js!../node_modules/css-loader?minimize&safe&importLoaders=3!../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../node_modules/postcss-loader/lib!../node_modules/resolve-url-loader?keepQuery!../node_modules/sass-loader/lib/loader.js??ref--9-4!../node_modules/sass-loader/lib/loader.js??ref--18-4!./modules/hello/index.sass?vue&type=style&index=0&lang=sass)
Module build failed: ModuleBuildError: Module build failed:
@charset "UTF-8"
^
Invalid CSS after ".hello {": expected "}", was "{"
......
IMPORTANT: This is sAss, not sCss.
This will cause error:
<style lang="sass" src="./index.sass"></style>
This is OK:
<style lang="sass">
.hello
font-size: 150%
</style>
And here is webpack config:
{
test: /\.vue/,
use : ['vue-loader'],
},
{
test: /\.sass$/,
use : [
'vue-style-loader',
'css-loader?sourceMap&importLoaders=3',
'postcss-loader?sourceMap',
'resolve-url-loader?sourceMap',
{
loader : 'sass-loader',
options: {
sourceMap : true,
indentedSyntax: true,
outputStyle : 'expanded',
precision : 8,
},
},
],
},
Metadata
Metadata
Assignees
Labels
No labels