Why does it give an error when compiling scss files?

Question

css

When I try to compile all scss files with one in which all imports are registered, an error occurs, but if I compile one file at a time, then everything is OK.

#style.scss

@import 'variabls';
@import 'common';
@import 'animation';
@import 'header';
@import 'slider';
@import 'service';
@import 'about-us';
@import 'section-title';
@import 'product';
@import 'banner';
@import 'brand-logo';

#Mistakes

ERROR in ./resources/sass/style.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/resolve-url-loader/index.js):
Error: file://e:\OpenServer\domains\test\resources\sass\style.scss:9:3: missing '}'
    at error (e:\OpenServer\domains\test\node_modules\css\lib\parse\index.js:62:15)
    at declarations (e:\OpenServer\domains\test\node_modules\css\lib\parse\index.js:260:26)
    at rule (e:\OpenServer\domains\test\node_modules\css\lib\parse\index.js:561:21)
    at rules (e:\OpenServer\domains\test\node_modules\css\lib\parse\index.js:118:70)
    at stylesheet (e:\OpenServer\domains\test\node_modules\css\lib\parse\index.js:81:21)
    at module.exports (e:\OpenServer\domains\test\node_modules\css\lib\parse\index.js:565:20)
    at rework (e:\OpenServer\domains\test\node_modules\rework\index.js:27:21)
    at process (e:\OpenServer\domains\test\node_modules\resolve-url-loader\lib\engine\rework.js:34:18)
    at Object.resolveUrlLoader (e:\OpenServer\domains\test\node_modules\resolve-url-loader\index.js:165:33)
    at e:\OpenServer\domains\test\node_modules\webpack\lib\NormalModule.js:316:20
    at e:\OpenServer\domains\test\node_modules\loader-runner\lib\LoaderRunner.js:367:11
    at e:\OpenServer\domains\test\node_modules\loader-runner\lib\LoaderRunner.js:233:18
    at runSyncOrAsync (e:\OpenServer\domains\test\node_modules\loader-runner\lib\LoaderRunner.js:143:3)
    at iterateNormalLoaders (e:\OpenServer\domains\test\node_modules\loader-runner\lib\LoaderRunner.js:232:2)
    at iterateNormalLoaders (e:\OpenServer\domains\test\node_modules\loader-runner\lib\LoaderRunner.js:221:10)
    at e:\OpenServer\domains\test\node_modules\loader-runner\lib\LoaderRunner.js:236:3
    at context.callback (e:\OpenServer\domains\test\node_modules\loader-runner\lib\LoaderRunner.js:111:13)
    at e:\OpenServer\domains\test\node_modules\sass-loader\dist\index.js:109:5
    at Function.call$2 (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:90547:16)
    at _render_closure0.call$1 (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:79608:21)
    at _RootZone.runUnary$2$2 (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:27030:18)
    at _Future__propagateToListeners_handleValueCallback.call$0 (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:25842:51)
    at Object._Future__propagateToListeners (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:4537:93)
    at _Future._completeWithValue$1 (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:25685:9)
    at _AsyncAwaitCompleter.complete$1 (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:25027:14)
    at Object._asyncReturn (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:4285:17)
    at e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:13237:24
    at _wrapJsFunctionForAsync_closure.$protected (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:4313:15)
    at _wrapJsFunctionForAsync_closure.call$2 (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:25057:12)
    at _awaitOnObject_closure.call$1 (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:25043:32)
    at _RootZone.runUnary$2$2 (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:27030:18)
    at _Future__propagateToListeners_handleValueCallback.call$0 (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:25842:51)
    at Object._Future__propagateToListeners (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:4537:93)
    at _Future._completeWithValue$1 (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:25685:9)
    at _AsyncAwaitCompleter.complete$1 (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:25027:14)
    at Object._asyncReturn (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:4285:17)
    at e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:17935:24
    at _wrapJsFunctionForAsync_closure.$protected (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:4313:15)
    at _wrapJsFunctionForAsync_closure.call$2 (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:25057:12)
    at _awaitOnObject_closure.call$1 (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:25043:32)
    at _RootZone.runUnary$2$2 (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:27030:18)
    at _Future__propagateToListeners_handleValueCallback.call$0 (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:25842:51)
    at Object._Future__propagateToListeners (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:4537:93)
    at _Future._completeWithValue$1 (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:25685:9)
    at _AsyncAwaitCompleter.complete$1 (e:\OpenServer\domains\test\node_modules\sass\sass.dart.js:25027:14)
 @ ./resources/sass/style.scss

ERROR in ./resources/sass/style.scss (./node_modules/css-loader??ref--8-2!./node_modules/postcss-loader/src??postcss0!./node_modules/resolve-url-loader??ref--8-4!./node_modules/sass-loader/dist/cjs.js??ref--8-5!./resources/sass/style.scss)
Module build failed (from ./node_modules/resolve-url-loader/index.js):
Error: file://e:\OpenServer\domains\test\resources\sass\style.scss:9:3: missing '}'
    at error (e:\OpenServer\domains\test\node_modules\css\lib\parse\index.js:62:15)
    at declarations (e:\OpenServer\domains\test\node_modules\css\lib\parse\index.js:260:26)
    at rule (e:\OpenServer\domains\test\node_modules\css\lib\parse\index.js:561:21)
    at rules (e:\OpenServer\domains\test\node_modules\css\lib\parse\index.js:118:70)
    at stylesheet (e:\OpenServer\domains\test\node_modules\css\lib\parse\index.js:81:21)
    at module.exports (e:\OpenServer\domains\test\node_modules\css\lib\parse\index.js:565:20)
    at rework (e:\OpenServer\domains\test\node_modules\rework\index.js:27:21)
    at process (e:\OpenServer\domains\test\node_modules\resolve-url-loader\lib\engine\rework.js:34:18)
    at Object.resolveUrlLoader (e:\OpenServer\domains\test\node_modules\resolve-url-loader\index.js:165:33)
 @ ./resources/sass/style.scss 2:14-255
Notifications are disabled
Reason: DisabledForUserPlease make sure that the app id is set correctly.
Command Line: e:\OpenServer\domains\test\node_modules\node-notifier\vendor\snoreToast\snoretoast-x64.exe -p e:\OpenServer\domains\test\node_modules\laravel-mix\icons\laravel.png -m "Error: e:\OpenServer\domains\test\resources\sass\style.scss
ModuleBuildError: Module build failed (from ./node_modules/resolve-url-loader/index.js):
Error: file://e:\OpenServer\domains\test\resources\sass\style.scss:9:3: missing '}'
    at error (e:\OpenServer\domains\test\node_modules\css\lib\parse\index.js:62:15)
    at declarations (e:\OpenServer\domains\test\node_modules\css\lib\parse\index.js:260:26)
    at rule (e:\OpenServer\domains\test\node_modules\css\lib\parse\index.js:561:21)
    at rules (e:\OpenServer\domains\test\node_modules\css\lib\parse\index.js:118:70)
    at stylesheet (e:\OpenServer\domains\test\node_modules\css\lib\parse\index.js:81:21)
    at module.exports (e:\OpenServer\domains\test\node_modules\css\lib\parse\index.js:565:20)
    at rework (e:\OpenServer\domains\test\node_modules\rework\index.js:27:21)
    at process (e:\OpenServer\domains\test\node_modules\resolve-url-loader\lib\engine\rework.js:34:18)
    at Object.resolveUrlLoader (e:\OpenServer\domains\test\node_modules\resolve-url-loader\index.js:165:33)" -t "Laravel Mix"
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\troja\AppData\Roaming\npm-cache\_logs\2020-11-28T18_14_15_154Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\troja\AppData\Roaming\npm-cache\_logs\2020-11-28T18_14_15_350Z-debug.log

Answer 1

style.scss:9:3: missing '}'
well, that's the error