issue after updating from angular 14 to 15

[smarsh-tejaskatariya]

Bug reports must include:

• Operating system and version - Windows 11
• Browser and version Chrome

issue

After upgrading to angular 15 from angular 14, getting below error.

./src/content/scss/vendor.scss?ngGlobalStyle:1:0 - Error: Module parse failed: Unexpected character '@' (1:0) File was processed with these loaders:

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

  @charset "UTF-8"; | / after changing this file run 'npm run webpack:build' / | /***

tried adding Tried adding

  "stylePreprocessorOptions": {
          "includePaths": [
            "src", "node_modules"
          ]
        }

in angular.json

also below are package.json dependencies "@angular/animations": "^15.2.10", "@angular/cdk": "^15.2.9", "@angular/common": "^15.2.10", "@angular/compiler": "^15.2.10", "@angular/core": "^15.2.10", "@angular/forms": "^15.2.10", "@angular/localize": "^15.2.10", "@angular/platform-browser": "^15.2.10", "@angular/platform-browser-dynamic": "^15.2.10", "@angular/router": "^15.2.10", "@coreui/angular": "~4.4.9", "@coreui/angular-chartjs": "~4.4.7", "@coreui/chartjs": "^3.1.2", "@coreui/coreui": "~4.2.6", "@coreui/icons": "~3.0.1", "@coreui/icons-angular": "~4.4.7",

[xidedix]

@smarsh-tejaskatariya this error comes from sass-loader

• what about your devDependencies ?
• what's the file containing "@charset "UTF-8"; - ./src/content/scss/vendor.scss ?
• see also:
  • stylePreprocessorOptions
  • Angular Update Guide
  • CoreUI Angular Versions

[smarsh-tejaskatariya]

Dev dependencies

"devDependencies": { "@angular-builders/jest": "^17.0.2", "@angular-devkit/build-angular": "^15.2.11", "@angular/cli": "^15.2.11", "@angular/compiler-cli": "^15.2.10", "@babel/core": "^7.24.4", "@babel/preset-env": "^7.24.4", "@babel/preset-typescript": "^7.24.1", "@types/chai": "4.3.14", "@types/chai-string": "1.4.5", "@types/datatables.net": "~1.10.24", "@types/jest": "^29.5.12", "@types/jquery": "^3.5.29", "@types/node": "^20.12.5", "@types/selenium-webdriver": "4.1.22", "autoprefixer": "^10.4.19", "babel-jest": "^29.7.0", "chai": "5.1.0", "chai-as-promised": "7.1.1", "chai-string": "1.5.0", "css-loader": "^7.1.0", "husky": "9.0.11", "jest": "^29.7.0", "jest-canvas-mock": "^2.5.2", "jest-junit": "16.0.0", "jest-preset-angular": "^14.0.3", "jest-sonar-reporter": "2.0.0", "lint-staged": "^15.2.2", "ngx-infinite-scroll": "^14.0.1", "prettier": "3.2.5", "protractor": "^7.0.0", "redux-thunk": "^2.4.1", "rimraf": "5.0.5", "stubby": "^5.1.0", "ts-node": "^10.9.2", "tslint": "^6.1.3", "tslint-config-prettier": "1.18.0", "typescript": "4.9.5", "util": "^0.12.5", "xml2js": "^0.6.2" },

vendor.scss @import 'custom';

@import "@coreui/coreui/scss/coreui"; @import "@coreui/chartjs/scss/coreui-chartjs";

@import 'e_variables';

[github-actions[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions