Module parse failed error when using it in an angular project.

[samt202410]

Below you find the compilation error which I am getting.

./node_modules/zoomist/src/scss/index.scss:1:0 - Error: Module parse failed: Unexpected token (1:0) File was processed with these loaders:

• ./node_modules/resolve-url-loader/index.js
• ./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js You may need an additional loader to handle the result of these loaders.

  .zoomist-container { | position: relative; | touch-action: none;

[exodussystem]

I solved it by adding these to angular.json

      "schematics": {
        "@schematics/angular:application": {
          "styleext": "scss",
          ...
        }
...
            "styles": [
              "node_modules/zoomist/src/scss/index.scss",
              "src/styles.scss"
            ],

[samt202410]

Thanks a lot @exodussystem