sass error while compiling semantic ui css file

[viyashdoss]

frontend_1 | [17:42:54] Using gulpfile /srv/www/onsitego/frontend/gulpfile.js frontend_1 | [17:42:54] Starting 'default'... frontend_1 | [17:42:54] Starting 'lmsV1Build'... frontend_1 | (node:8) [DEP_WEBPACK_TEMPLATE_PATH_PLUGIN_REPLACE_PATH_VARIABLES_HASH] DeprecationWarning: [hash] is now [fullhash] (also consider using [chunkhash] or [contenthash], see documentation for details) frontend_1 | (Use node --trace-deprecation ... to show where the warning was created) frontend_1 | [17:43:07] 'lmsV1Build' errored after 13 s frontend_1 | [17:43:07] Error in plugin "webpack-stream" frontend_1 | Message: frontend_1 | Module build failed (from ./node_modules/sass-loader/dist/cjs.js): frontend_1 | expected "{". frontend_1 | ╷ frontend_1 | 99 │ /.ui.label{display:inline-block;line-height:1;vertical-align:baseline;margin:0 .14285714em;background-color:#e8e8e8;background-image:none;padding:.5833em .833em;color:rgba(0,0,0,.6);text-transform:none;font-weight:700;border:0 solid transparent;border-radius:.28571429rem;transition:background .1s ease}.ui.label:first-child{margin-left:0}.ui.label:last-child{margin-right:0}a.ui.label{cursor:pointer}.ui.label>a{cursor:pointer;color:inherit;opacity:.5;transition:.1s opacity ease}.ui.label>a:hover{opacity:1}.ui.label>img{width:auto!important;vertical-align:middle;height:2.1666em!important}.ui.label>.icon{width:auto;margin:0 .75em 0 0}.ui.label>.detail{display:inline-block;vertical-align:top;font-weight:700;margin-left:1em;opacity:.8}.ui.label>.detail .icon{margin:0 .25em 0 0}.ui.label>.close.icon,.ui.label>.delete.icon{cursor:pointer;margin-right:0;margin-left:.5em;font-size:.92857143em;opacity:.5;transition:background .1s ease}.ui.label>.delete.icon:hover{opacity:1}.ui.labels>.label{margin:0 .5em .5em 0}.ui.header>.ui.label{margin-top:-.29165em}.ui.attached.segment>.ui.top.left.attached.label,.ui.bottom.attached.segment>.ui.top.left.attached.label{border-top-left-radius:0}.ui.attached.segment>.ui.top.right.attached.label,.ui.bottom.attached.segment>.ui.top.right.attached.label{border-top-right-radius:0}.ui.top.attached.segment>.ui.bottom.left.attached.label{border-bottom-left-radius:0}.ui.top.attached.segment>.ui.bottom.right.attached.label{border-bottom-right-radius:0}.ui.top.attached.label+[class="right floated"]+,.ui.top.attached.label:first-child+:not(.attached){margin-top:2rem!important}.ui.bottom.attached.label:first-child~:last-child:not(.attached){margin-top:0;margin-bottom:2rem!important}.ui.image.label{width:auto!important;margin-top:0;margin-bottom:0;max-width:9999px;vertical-align:baseline;text-transform:none;background:#e8e8e8;padding:.5833em .833em .5833em .5em;border-radius:.28571429rem;box-shadow:none}.ui.image.label img{display:inline-block;vertical-align:top;height:2.1666em;margin:-.5833em .5em -.5833em -.5em;border-radius:.28571429rem 0 0 .28571429rem}.ui.image.label .detail{background:rgba(0,0,0,.1);margin:-.5833em -.833em -.5833em .5em;padding:.5833em .833em;border-radius:0 .28571429rem .28571429rem 0}.ui.tag.label,.ui.tag.labels .label{margin-left:1em;position:relative;padding-left:1.5em;padding-right:1.5em;border-radius:0 .28571429rem .28571429rem 0;transition:none}.ui.tag.label:before,.ui.tag.labels .label:before{position:absolute;transform:translateY(-50%) translateX(50%) rotate(-45deg);top:50%;right:100%;content:'';background-color:inherit;background-image:none;width:1.56em;height:1.56em;transition:none}.ui.tag.label:after,.ui.tag.labels .label:after{position:absolute;content:'';top:50%;left:-.25em;margin-top:-.25em;background-color:#fff!important;width:.5em;height:.5em;box-shadow:0 -1px 1px 0 rgba(0,0,0,.3);border-radius:500rem}.ui.corner.label{position:absolute;top:0;right:0;margin:0;padding:0;text-align:center;border-color:#e8e8e8;width:4em;height:4em;z-index:1;transition:border-color .1s ease}.ui.corner.label{background-color:transparent!important}.ui.corner.label:after{position:absolute;content:"";right:0;top:0;z-index:-1;width:0;height:0;background-color:transparent!important;border-top:0 solid transparent;border-right:4em solid transparent;border-bottom:4em solid transparent;border-left:0 solid transparent;border-right-color:inherit;transition:border-color .1s ease}.ui.corner.label .icon{cursor:default;position:relative;top:.64285714em;left:.78571429em;font-size:1.14285714em;margin:0}.ui.left.corner.label,.ui.left.corner.label:after{right:auto;left:0}.ui.left.corner.label:after{border-top:4em solid transparent;border-right:4em solid transparent;border-bottom:0 solid transparent;border-left:0 solid transparent;border-top-color:inherit}.ui.left.corner.label .icon{left:-.78571429em}.ui.segment>.ui.corner.label{top:-1px;right:-1px}.ui.segment>.ui.left.corner.label{right:auto;left:-1px}.ui.ribbon.label{position:relative;margin:0;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;border-radius:0 .28571429rem .28571429rem 0;border-color:rgba(0,0,0,.15)}.ui.ribbon.label:after{position:absolute;content:'';top:100%;left:0;background-color:transparent!important;border-style:solid;border-width:0 1.2em 1.2em 0;border-color:transparent;border-right-color:inherit;width:0;height:0}.ui.ribbon.label{left:calc(-1rem - 1.2em);margin-right:-1.2em;padding-left:calc(1rem + 1.2em);padding-right:1.2em}.ui[class="right ribbon"].label{left:calc(100% + 1rem + 1.2em);padding-left:1.2em;padding-right:calc(1rem + 1.2em)}.ui[class="right ribbon"].label{text-align:left;transform:translateX(-100%);border-radius:.28571429rem 0 0 .28571429rem}.ui[class="right ribbon"].label:after{left:auto;right:0;border-style:solid;border-width:1.2em 1.2em 0 0;border-color:transparent;border-top-color:inherit}.ui.card .image>.ribbon.label,.ui.image>.ribbon.label{position:absolute;top:1rem}.ui.card .image>.ui.ribbon.label,.ui.image>.ui.ribbon.label{left:calc(--.05rem - 1.2em)}.ui.card .image>.ui[class="right ribbon"].label,.ui.image>.ui[class="right ribbon"].label{left:calc(100% + -.05rem + 1.2em);padding-left:.833em}.ui.table td>.ui.ribbon.label{left:calc(-.78571429em - 1.2em)}.ui.table td>.ui[class="right ribbon"].label{left:calc(100% + .78571429em + 1.2em);padding-left:.833em}.ui.attached.label,.ui[class="top attached"].label{width:100%;position:absolute;margin:0;top:0;left:0;padding:.75em 1em;border-radius:.21428571rem .21428571rem 0 0}.ui[class="bottom attached"].label{top:auto;bottom:0;border-radius:0 0 .21428571rem .21428571rem}.ui[class="top left attached"].label{width:auto;margin-top:0!important;border-radius:.21428571rem 0 .28571429rem 0}.ui[class="top right attached"].label{width:auto;left:auto;right:0;border-radius:0 .21428571rem 0 .28571429rem}.ui[class="bottom left attached"].label{width:auto;top:auto;bottom:0;border-radius:0 .28571429rem 0 .21428571rem}.ui[class*="bottom right attached"].label{top:auto;bottom:0;left:auto;right:0;width:auto;border-radius:.28571429rem 0 .21428571rem 0}.ui.label.disabled{opacity:.5}a.ui.label:hover,a.ui.labels .label:hover{background-color:#e0e0e0;border-color:#e0e0e0;background-image:none;color:rgba(0,0,0,.8)}.ui.labels a.label:hover:before,a.ui.label:hover:before{color:rgba(0,0,0,.8)}.ui.active.label{background-color:#d0d0d0;border-color:#d0d0d0;background-image:none;color:rgba(0,0,0,.95)}.ui.active.label:before{background-color:#d0d0d0;background-image:none;color:rgba(0,0,0,.95)}a.ui.active.label:hover,a.ui.labels .active.label:hover{background-color:#c8c8c8;border-color:#c8c8c8;background-image:none;color:rgba(0,0,0,.95)}.ui.labels a.active.label:ActiveHover:before,a.ui.active.label:ActiveHover:before{background-color:#c8c8c8;background-image:none;color:rgba(0,0,0,.95)}.ui.label.visible:not(.dropdown),.ui.labels.visible .label{display:inline-block!important}.ui.label.hidden,.ui.labels.hidden .label{display:none!important}.ui.red.label,.ui.red.labels .label{background-color:#db2828!important;border-color:#db2828!important;color:#fff!important}.ui.red.labels .label:hover,a.ui.red.label:hover{background-color:#d01919!important;border-color:#d01919!important;color:#fff!important}.ui.red.corner.label,.ui.red.corner.label:hover{background-color:transparent!important}.ui.red.ribbon.label{border-color:#b21e1e!important}.ui.basic.red.label{background:none #fff!important;color:#db2828!important;border-color:#db2828!important}.ui.basic.red.labels a.label:hover,a.ui.basic.red.label:hover{background-color:#fff!important;color:#d01919!important;border-color:#d01919!important}.ui.orange.label,.ui.orange.labels .label{background-color:#f2711c!important;border-color:#f2711c!important;color:#fff!important}.ui.orange.labels .label:hover,a.ui.orange.label:hover{background-color:#f26202!important;border-color:#f26202!important;color:#fff!important}.ui.orange.corner.label,.ui.orange.corner.label:hover{background-color:transparent!important}.ui.orange.ribbon.label{border-color:#cf590c!important}.ui.basic.orange.label{background:none #fff!important;color:#f2711c!important;border-color:#f2711c!important}.ui.basic.orange.labels a.label:hover,a.ui.basic.orange.label:hover{background-color:#fff!important;color:#f26202!important;border-color:#f26202!important}.ui.yellow.label,.ui.yellow.labels .label{background-color:#fbbd08!important;border-color:#fbbd08!important;color:#fff!important}.ui.yellow.labels .label:hover,a.ui.yellow.label:hover{background-color:#eaae00!important;border-color:#eaae00!important;color:#fff!important}.ui.yellow.corner.label,.ui.yellow.corner.label:hover{background-color:transparent!important}.ui.yellow.ribbon.label{border-color:#cd9903!important}.ui.basic.yellow.label{background:none #fff!important;color:#fbbd08!important;border-color:#fbbd08!important}.ui.basic.yellow.labels a.label:hover,a.ui.basic.yellow.label:hover{background-color:#fff!important;color:#eaae00!important;border-color:#eaae00!important}.ui.olive.label,.ui.olive.labels .label{background-color:#b5cc18!important;border-color:#b5cc18!important;color:#fff!important}.ui.olive.labels .label:hover,a.ui.olive.label:hover{background-color:#a7bd0d!important;border-color:#a7bd0d!important;color:#fff!important}.ui.olive.corner.label,.ui.olive.corner.label:hover{background-color:transparent!important}.ui.olive.ribbon.label{border-color:#198f35!important}.ui.basic.olive.label{background:none #fff!important;color:#b5cc18!important;border-color:#b5cc18!important}.ui.basic.olive.labels a.label:hover,a.ui.basic.olive.label:hover{background-color:#fff!important;color:#a7bd0d!important;border-color:#a7bd0d!important}.ui.green.label,.ui.green.labels .label{background-color:#21ba45!important;border-color:#21ba45!important;color:#fff!important}.ui.green.labels .label:hover,a.ui.green.label:hover{background-color:#16ab39!important;border-color:#16ab39!important;color:#fff!important}.ui.green.corner.label,.ui.green.corner.label:hover{background-color:transparent!important}.ui.green.ribbon.label{border-color:#198f35!important}.ui.basic.green.label{background:none #fff!important;color:#21ba45!important;border-color:#21ba45!important}.ui.basic.green.labels a.label:hover,a.ui.basic.green.label:hover{background-color:#fff!important;color:#16ab39!important;border-color:#16ab39!important}.ui.teal.label,.ui.teal.labels .label{background-color:#00b5ad!important;border-color:#00b5ad!important;color:#fff!important}.ui.teal.labels .label:hover,a.ui.teal.label:hover{background-color:#009c95!important;border-color:#009c95!important;color:#fff!important}.ui.teal.corner.label,.ui.teal.corner.label:hover{background-color:transparent!important}.ui.teal.ribbon.label{border-color:#00827c!important}.ui.basic.teal.label{background:none #fff!important;color:#00b5ad!important;border-color:#00b5ad!important}.ui.basic.teal.labels a.label:hover,a.ui.basic.teal.label:hover{background-color:#fff!important;color:#009c95!important;border-color:#009c95!important}.ui.blue.label,.ui.blue.labels .label{background-color:#2185d0!important;border-color:#2185d0!important;color:#fff!important}.ui.blue.labels .label:hover,a.ui.blue.label:hover{background-color:#1678c2!important;border-color:#1678c2!important;color:#fff!important}.ui.blue.corner.label,.ui.blue.corner.label:hover{background-color:transparent!important}.ui.blue.ribbon.label{border-color:#1a69a4!important}.ui.basic.blue.label{background:none #fff!important;color:#2185d0!important;border-color:#2185d0!important}.ui.basic.blue.labels a.label:hover,a.ui.basic.blue.label:hover{background-color:#fff!important;color:#1678c2!important;border-color:#1678c2!important}.ui.violet.label,.ui.violet.labels .label{background-color:#6435c9!important;border-color:#6435c9!important;color:#fff!important}.ui.violet.labels .label:hover,a.ui.violet.label:hover{background-color:#5829bb!important;border-color:#5829bb!important;color:#fff!important}.ui.violet.corner.label,.ui.violet.corner.label:hover{background-color:transparent!important}.ui.violet.ribbon.label{border-color:#502aa1!important}.ui.basic.violet.label{background:none #fff!important;color:#6435c9!important;border-color:#6435c9!important}.ui.basic.violet.labels a.label:hover,a.ui.basic.violet.label:hover{background-color:#fff!important;color:#5829bb!important;border-color:#5829bb!important}.ui.purple.label,.ui.purple.labels .label{background-color:#a333c8!important;border-color:#a333c8!important;color:#fff!important}.ui.purple.labels .label:hover,a.ui.purple.label:hover{background-color:#9627ba!important;border-color:#9627ba!important;color:#fff!important}.ui.purple.corner.label,.ui.purple.corner.label:hover{background-color:transparent!important}.ui.purple.ribbon.label{border-color:#82299f!important}.ui.basic.purple.label{background:none #fff!important;color:#a333c8!important;border-color:#a333c8!important}.ui.basic.purple.labels a.label:hover,a.ui.basic.purple.label:hover{background-color:#fff!important;color:#9627ba!important;border-color:#9627ba!important}.ui.pink.label,.ui.pink.labels .label{background-color:#e03997!important;border-color:#e03997!important;color:#fff!important}.ui.pink.labels .label:hover,a.ui.pink.label:hover{background-color:#e61a8d!important;border-color:#e61a8d!important;color:#fff!important}.ui.pink.corner.label,.ui.pink.corner.label:hover{background-color:transparent!important}.ui.pink.ribbon.label{border-color:#c71f7e!important}.ui.basic.pink.label{background:none #fff!important;color:#e03997!important;border-color:#e03997!important}.ui.basic.pink.labels a.label:hover,a.ui.basic.pink.label:hover{background-color:#fff!important;color:#e61a8d!important;border-color:#e61a8d!important}.ui.brown.label,.ui.brown.labels .label{background-color:#a5673f!important;border-color:#a5673f!important;color:#fff!important}.ui.brown.labels .label:hover,a.ui.brown.label:hover{background-color:#975b33!important;border-color:#975b33!important;color:#fff!important}.ui.brown.corner.label,.ui.brown.corner.label:hover{background-color:transparent!important}.ui.brown.ribbon.label{border-color:#805031!important}.ui.basic.brown.label{background:none #fff!important;color:#a5673f!important;border-color:#a5673f!important}.ui.basic.brown.labels a.label:hover,a.ui.basic.brown.label:hover{background-color:#fff!important;color:#975b33!important;border-color:#975b33!important}.ui.grey.label,.ui.grey.labels .label{background-color:#767676!important;border-color:#767676!important;color:#fff!important}.ui.grey.labels .label:hover,a.ui.grey.label:hover{background-color:#838383!important;border-color:#838383!important;color:#fff!important}.ui.grey.corner.label,.ui.grey.corner.label:hover{background-color:transparent!important}.ui.grey.ribbon.label{border-color:#805031!important}.ui.basic.grey.label{background:none #fff!important;color:#767676!important;border-color:#767676!important}.ui.basic.grey.labels a.label:hover,a.ui.basic.grey.label:hover{background-color:#fff!important;color:#838383!important;border-color:#838383!important}.ui.black.label,.ui.black.labels .label{background-color:#1b1c1d!important;border-color:#1b1c1d!important;color:#fff!important}.ui.black.labels .label:hover,a.ui.black.label:hover{background-color:#27292a!important;border-color:#27292a!important;color:#fff!important}.ui.black.corner.label,.ui.black.corner.label:hover{background-color:transparent!important}.ui.black.ribbon.label{border-color:#805031!important}.ui.basic.black.label{background:none #fff!important;color:#1b1c1d!important;border-color:#1b1c1d!important}.ui.basic.black.labels a.label:hover,a.ui.basic.black.label:hover{background-color:#fff!important;color:#27292a!important;border-color:#27292a!important}.ui.basic.label{background:none #fff;border:1px solid rgba(34,36,38,.15);color:rgba(0,0,0,.87);box-shadow:none}a.ui.basic.label:hover{text-decoration:none;background:none #fff;color:#1e70bf;box-shadow:1px solid rgba(34,36,38,.15);box-shadow:none}.ui.basic.pointing.label:before{border-color:inherit}.ui.fluid.labels>.label,.ui.label.fluid{width:100%;box-sizing:border-box}.ui.inverted.label,.ui.inverted.labels .label{color:rgba(255,255,255,.9)!important}.ui.horizontal.label,.ui.horizontal.labels .label{margin:0 .5em 0 0;padding:.4em .833em;min-width:3em;text-align:center}.ui.circular.label,.ui.circular.labels .label{min-width:2em;min-height:2em;padding:.5em!important;line-height:1em;text-align:center;border-radius:500rem}.ui.empty.circular.label,.ui.empty.circular.labels .label{min-width:0;min-height:0;overflow:hidden;width:.5em;height:.5em;vertical-align:baseline}.ui.pointing.label{position:relative}.ui.attached.pointing.label{position:absolute}.ui.pointing.label:before{background-color:inherit;background-image:inherit;border-width:none;border-style:solid;border-color:inherit}.ui.pointing.label:before{position:absolute;content:'';transform:rotate(45deg);background-image:none;z-index:2;width:.6666em;height:.6666em;transition:background .1s ease}.ui.pointing.label,.ui[class="pointing above"].label{margin-top:1em}.ui.pointing.label:before,.ui[class="pointing above"].label:before{border-width:1px 0 0 1px;transform:translateX(-50%) translateY(-50%) rotate(45deg);top:0;left:50%}.ui[class="bottom pointing"].label,.ui[class="pointing below"].label{margin-top:0;margin-bottom:1em}.ui[class="bottom pointing"].label:before,.ui[class="pointing below"].label:before{border-width:0 1px 1px 0;top:auto;right:auto;transform:translateX(-50%) translateY(-50%) rotate(45deg);top:100%;left:50%}.ui[class="left pointing"].label{margin-top:0;margin-left:.6666em}.ui[class="left pointing"].label:before{border-width:0 0 1px 1px;transform:translateX(-50%) translateY(-50%) rotate(45deg);bottom:auto;right:auto;top:50%;left:0}.ui[class="right pointing"].label{margin-top:0;margin-right:.6666em}.ui[class="right pointing"].label:before{border-width:1px 1px 0 0;transform:translateX(50%) translateY(-50%) rotate(45deg);top:50%;right:0;bottom:auto;left:auto}.ui.basic.pointing.label:before,.ui.basic[class="pointing above"].label:before{margin-top:-1px}.ui.basic[class="bottom pointing"].label:before,.ui.basic[class="pointing below"].label:before{bottom:auto;top:100%;margin-top:1px}.ui.basic[class="left pointing"].label:before{top:50%;left:-1px}.ui.basic[class="right pointing"].label:before{top:50%;right:-1px}.ui.floating.label{position:absolute;z-index:100;top:-1em;left:100%;margin:0 0 0 -1.5em!important}.ui.mini.label,.ui.mini.labels .label{font-size:.64285714rem}.ui.tiny.label,.ui.tiny.labels .label{font-size:.71428571rem}.ui.small.label,.ui.small.labels .label{font-size:.78571429rem}.ui.label,.ui.labels .label{font-size:.85714286rem}.ui.large.label,.ui.large.labels .label{font-size:1rem}.ui.big.label,.ui.big.labels .label{font-size:1.28571429rem}.ui.huge.label,.ui.huge.labels .label{font-size:1.42857143rem}.ui.massive.label,.ui.massive.labels .label{font-size:1.71428571rem}/! frontend_1 | │ ^ frontend_1 | ╵ frontend_1 | node_modules/semantic-ui-css/semantic.min.css 99:5083 root stylesheet frontend_1 | Details: frontend_1 | domainEmitter: [object Object] frontend_1 | domainThrown: false frontend_1 | frontend_1 | [17:43:07] 'default' errored after 13 s

Packages.json

  "devDependencies": {
    "@babel/core": "^7.23.9",
    "@babel/plugin-proposal-class-properties": "^7.18.6",
    "@babel/plugin-transform-object-assign": "^7.23.3",
    "@babel/preset-env": "^7.23.9",
    "@babel/preset-react": "^7.23.3",
    "@sentry/webpack-plugin": "^1.21.0",
    "autoprefixer": "^9.8.8",
    "babel-loader": "^8.3.0",
    "babel-plugin-import": "^1.13.8",
    "babel-plugin-transform-class-properties": "^6.24.1",
    "babel-plugin-transform-object-rest-spread": "^6.26.0",
    "clean-webpack-plugin": "^4.0.0",
    "coffeescript": "^2.7.0",
    "css-loader": "^6.10.0",
    "css-mqpacker": "^7.0.0",
    "dotenv": "^6.2.0",
    "dotenv-webpack": "^8.0.1",
    "file-loader": "^6.2.0",
    "grunt": "^1.6.1",
    "grunt-contrib-requirejs": "^1.0.0",
    "gulp": "^4.0.2",
    "gulp-babel": "^8.0.0",
    "gulp-bower": "0.0.15",
    "gulp-clean": "0.4.0",
    "gulp-coffee": "^3.0.3",
    "gulp-concat": "^2.6.1",
    "gulp-concat-css": "^3.1.0",
    "gulp-directory-sync": "^1.2.4",
    "gulp-grunt": "^0.5.5",
    "gulp-if": "^3.0.0",
    "gulp-less": "5.0.0",
    "gulp-livereload": "^4.0.2",
    "gulp-minify": "3.1.0",
    "gulp-minify-css": "^1.2.4",
    "gulp-postcss": "^10.0.0",
    "gulp-sass": "^5.1.0",
    "gulp-sourcemaps": "^3.0.0",
    "gulp-strip-css-comments": "^3.0.0",
    "gulp-sync": "^0.1.4",
    "gulp-util": "^3.0.8",
    "image-webpack-loader": "^4.6.0",
    "less": "^4.2.0",
    "less-loader": "^12.2.0",
    "main-bower-files": "^2.13.3",
    "mini-css-extract-plugin": "^2.8.0",
    "nodemon": "^1.19.4",
    "postcss-custom-properties": "^8.0.11",
    "postcss-loader": "^8.1.0",
    "prop-types": "^15.8.1",
    "react-hot-loader": "^4.13.1",
    "react-pdf": "^5.7.2",
    "recompose": "^0.30.0",
    "requirejs": "^2.3.6",
    "sass": "^1.70.0",
    "sass-loader": "^14.1.0",
    "semantic-ui-react": "^2.1.5",
    "style-loader": "^3.3.4",
    "webpack": "^5.90.1",
    "webpack-bundle-analyzer": "^4.10.1",
    "webpack-cli": "^5.1.4",
    "webpack-dev-server": "^4.15.1",
    "webpack-manifest-plugin": "^5.0.0",
    "webpack-merge": "^5.10.0",
    "webpack-stream": "^7.0.0"
  },
  "dependencies": {
    "@babel/polyfill": "^7.12.1",
    "@material-ui/core": "^3.9.4",
    "@material-ui/icons": "^3.0.2",
    "@mikecousins/react-pdf": "^5.5.1",
    "@sentry/browser": "5.7.1",
    "@tinymce/tinymce-react": "^3.14.0",
    "coffeescript": "^2.7.0",
    "copy-webpack-plugin": "^6.4.1",
    "exports-loader": "^1.1.1",
    "fuse.js": "^3.6.1",
    "gifsicle": "^4.0.1",
    "google-map-react": "^1.1.7",
    "gulp-imagemin": "^6.2.0",
    "gulp-run": "^1.7.1",
    "history": "^4.10.1",
    "html-entities": "^1.4.0",
    "imports-loader": "^1.2.0",
    "jpegtran": "^1.1.0",
    "luhn": "^2.4.1",
    "moment": "^2.30.1",
    "multiselect-react-dropdown": "^2.0.25",
    "optipng": "^2.2.0",
    "postcss-cssnext": "^3.1.1",
    "postcss-merge-rules": "^4.0.3",
    "postcss-ordered-values": "^4.1.2",
    "raven-js": "^3.27.2",
    "react": "^16.14.0",
    "react-app-polyfill": "^1.0.6",
    "react-audio-player": "^0.17.0",
    "react-datepicker": "^2.16.0",
    "react-dom": "^16.14.0",
    "react-equalizer": "^1.3.0",
    "react-ga": "^2.7.0",
    "react-geocode": "^0.2.3",
    "react-google-autocomplete": "^1.3.0",
    "react-gtm-module": "^2.0.11",
    "react-helmet": "^6.1.0",
    "react-notifications-component": "^2.4.1",
    "react-pdf": "^5.7.2",
    "react-redux": "^6.0.1",
    "react-router": "^4.3.1",
    "react-router-dom": "^4.3.1",
    "react-select": "2.4.1",
    "react-slick": "^0.23.2",
    "react-string-replace": "^0.4.4",
    "redux": "^4.2.1",
    "redux-logger": "^3.0.6",
    "redux-thunk": "^2.4.2",
    "request": "^2.88.2",
    "request-frame": "^1.5.3",
    "sanitize-html": "^1.27.5",
    "semantic-ui-calendar-react": "^0.15.3",
    "semantic-ui-css": "^2.5.0",
    "slick-carousel": "^1.8.1",
    "slugify": "^1.6.6",
    "svgo": "^1.3.2",
    "tinymce": "^5.10.9",
    "url-search-params-polyfill": "^7.0.1",
    "uuid": "^3.4.0",
    "vinyl": "^3.0.0",
    "webpack-bundle-tracker": "^0.4.3",
    "whatwg-fetch": "^3.6.20"
  },

webpack config -

  const path = require("path"),
CSSMiniExtract = require("mini-css-extract-plugin"),
BundleTracker = require("webpack-bundle-tracker");
const Dotenv = require('dotenv-webpack');
const webpack = require('webpack');
const { CleanWebpackPlugin } = require('clean-webpack-plugin');
const { WebpackManifestPlugin } = require('webpack-manifest-plugin');

require("dotenv").config();

const static_url = process.env.STATIC_URL;
module.exports = (env) => {
  const isProd = env === "production",
    isDev = env === "development",
    CSSExtract = new CSSMiniExtract({
      filename:'style.min.css',
      chunkFilename:'[name].[hash].css',
    });
  const BundleStats = new BundleTracker({
    path: path.resolve("../static/lms_v1/tracker"),
    filename: "lms_v1_webpack-stats.json"
  });

  const outputpath = '../static/lms_v1/bundles/';

  let config = {
    'entry':{
      lms_v1: [
        "@babel/polyfill",
        "whatwg-fetch",
        "./react_apps/lms_v1/src/index.js"
      ]
    },
    output:{
      'path':path.join(__dirname,outputpath),
      'filename':isProd ? "[name]-[hash].js" : 'bundle.js'
    },
    module:{
      rules:[
        {
          test:/\.js$/,
          loader:'babel-loader',
          exclude:/node_modules/,
          options:{
            sourceMap:true
          }
        },
        {
          test:/\.s?css$/,
          use:[
            CSSMiniExtract.loader,
            {
              loader:'css-loader',
              options:{
                sourceMap:true
              }
            },
            'postcss-loader',
            {
              loader:'sass-loader',
              options:{
                sourceMap:true
              }
            }
          ]
        },
        {
          test:/\.(woff(2)?|ttf|eot|svg)(\?v=\d+\.\d+\.\d+)?$/,
          exclude: [
            path.resolve(__dirname, "./react_apps/lms_v1/src/static/img/")
          ],
          use:[{
            loader:'file-loader',
            options:{
              outputPath:'fonts/',
              name:'[name].[ext]',
              publicPath: ((isProd || isDev) && static_url) ? `${static_url}/lms_v1/bundles/fonts` : (isProd || isDev) ? '../static/lms_v1/bundles/fonts/' : '/fonts/'
            }
          }]
        },
        {
          test:/\.(jpg|png|gif|svg|webp)$/,
          exclude: [
            path.resolve(__dirname, "./react_apps/lms_v1/src/static/fonts/")
          ],
          use:[
            {
              loader:'file-loader',
              options:{
                outputPath:'images/',
                name:'[name].[ext]',
                publicPath: ((isProd || isDev) && static_url) ? `${static_url}/lms_v1/bundles/images` : (isProd || isDev) ? '../static/lms_v1/bundles/images/' : '/images/'
              }
            },
            {
              loader:'image-webpack-loader',
              options:{
                mozjpeg: {
                  progressive: true,
                  quality:80
                }
              }
            }
          ]
        }
      ]
    },
    plugins:[
      CSSExtract,
      BundleStats,
      new Dotenv(),
      new CleanWebpackPlugin(),  // removes outdated assets from the output dir
      new WebpackManifestPlugin({
        'publicPath': 'lms_v1/bundles/',
        'fileName': 'lms_v1_manifest.json'
      }),  // generates the required manifest.json file
      new webpack.SourceMapDevToolPlugin({
        filename: '[name]-[hash].js.map',
        exclude: ['vendor'],
      })      

    ],
    devtool:isProd ? false : 'cheap-module-eval-source-map',
    devServer:{
      contentBase:path.join(__dirname,'/react_apps/lms_v1/public/'),
      historyApiFallback:true,
      port: 4000,
      host: "0.0.0.0"
    }
  }
  if(isProd){
    config['optimization'] = {
      splitChunks: {
        chunks: 'all',
        minSize: 614500,
        maxSize: 614500
      },
    }
  }
  return config
}

[alexander-akait]

Thank you for creating this issue. However, issues need to follow one of our templates so that we can clearly understand your particular circumstances.

Please help us help you by recreating the issue using one of our templates.

[alexander-akait]

Based on output you have expected "{", it means you have a scss/sass syntax problem in your code