title: `SCSS` doesn't work after Updating from Angular 9 to Angular 10
body: <p>I updated my <code>Angular</code> application from version 9 to 10. Before updating it was working correctly. Now it's getting this error:</p>
  <pre><code>ERROR in ./src/assets/scss/argon.scss (./node_modules/css-loader/dist/cjs.js??ref--13-1!./node_modules/postcss-loader/src??embedded!./node_modules/resolve-url-loader??ref--13-3!./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js??ref--13-4!./src/assets/scss/argon.scss)
  Module build failed (from ./node_modules/@angular-devkit/build-angular/node_modules/sass-loader/dist/cjs.js):
      SassError: File to import not found or unreadable: custom/alert.
              on line 5 of src/assets/scss/custom/_components.scss
              from line 65 of src/assets/scss/argon.scss
      &gt;&gt; @import &quot;custom/alert&quot;;
  </code></pre>
  <p>I tried so many answers in <code>StackOverflow</code> and <code>GitHub</code> which it would not help me.
  I attached my <code>Angular.JSON</code> and <code>Package.JSON</code>:</p>
  <p><strong>angular.json</strong>:</p>
  <pre class="lang-json prettyprint-override"><code>{
      &quot;$schema&quot;: &quot;./node_modules/@angular/cli/lib/config/schema.json&quot;,
      &quot;version&quot;: 1,
      &quot;newProjectRoot&quot;: &quot;projects&quot;,
      &quot;projects&quot;: {
          &quot;argon-dashboard-angular&quot;: {
              &quot;root&quot;: &quot;&quot;,
              &quot;sourceRoot&quot;: &quot;src&quot;,
              &quot;projectType&quot;: &quot;application&quot;,
              &quot;prefix&quot;: &quot;app&quot;,
              &quot;schematics&quot;: {
                  &quot;@schematics/angular:component&quot;: {
                      &quot;styleext&quot;: &quot;scss&quot;
                  }
              },
              &quot;architect&quot;: {
                  &quot;build&quot;: {
                      &quot;builder&quot;: &quot;@angular-devkit/build-angular:browser&quot;,
                      &quot;options&quot;: {
                          &quot;outputPath&quot;: &quot;dist&quot;,
                          &quot;index&quot;: &quot;src/index.html&quot;,
                          &quot;main&quot;: &quot;src/main.ts&quot;,
                          &quot;polyfills&quot;: &quot;src/polyfills.ts&quot;,
                          &quot;tsConfig&quot;: &quot;src/tsconfig.app.json&quot;,
                          &quot;assets&quot;: [&quot;src/favicon.ico&quot;, &quot;src/assets&quot;],
                          &quot;styles&quot;: [
                              &quot;src/styles.scss&quot;,
                              &quot;src/assets/scss/argon.scss&quot;,
                              &quot;node_modules/sweetalert2/src/sweetalert2.scss&quot;
                          ],
                          &quot;scripts&quot;: [
                              &quot;node_modules/chart.js/dist/Chart.min.js&quot;,
                              &quot;node_modules/clipboard/dist/clipboard.min.js&quot;,
                              &quot;node_modules/sweetalert2/dist/sweetalert2.js&quot;
                          ]
                      },
                      &quot;configurations&quot;: {
                          &quot;production&quot;: {
                              &quot;fileReplacements&quot;: [{
                                  &quot;replace&quot;: &quot;src/environments/environment.ts&quot;,
                                  &quot;with&quot;: &quot;src/environments/environment.prod.ts&quot;
                              }],
                              &quot;optimization&quot;: true,
                              &quot;outputHashing&quot;: &quot;all&quot;,
                              &quot;sourceMap&quot;: false,
                              &quot;extractCss&quot;: true,
                              &quot;namedChunks&quot;: false,
                              &quot;aot&quot;: true,
                              &quot;extractLicenses&quot;: true,
                              &quot;vendorChunk&quot;: false,
                              &quot;buildOptimizer&quot;: true
                          }
                      }
                  },
                  &quot;serve&quot;: {
                      &quot;builder&quot;: &quot;@angular-devkit/build-angular:dev-server&quot;,
                      &quot;options&quot;: {
                          &quot;browserTarget&quot;: &quot;argon-dashboard-angular:build&quot;
                      },
                      &quot;configurations&quot;: {
                          &quot;production&quot;: {
                              &quot;browserTarget&quot;: &quot;argon-dashboard-angular:build:production&quot;
                          }
                      }
                  },
                  &quot;extract-i18n&quot;: {
                      &quot;builder&quot;: &quot;@angular-devkit/build-angular:extract-i18n&quot;,
                      &quot;options&quot;: {
                          &quot;browserTarget&quot;: &quot;argon-dashboard-angular:build&quot;
                      }
                  },
                  &quot;test&quot;: {
                      &quot;builder&quot;: &quot;@angular-devkit/build-angular:karma&quot;,
                      &quot;options&quot;: {
                          &quot;main&quot;: &quot;src/test.ts&quot;,
                          &quot;polyfills&quot;: &quot;src/polyfills.ts&quot;,
                          &quot;tsConfig&quot;: &quot;src/tsconfig.spec.json&quot;,
                          &quot;karmaConfig&quot;: &quot;src/karma.conf.js&quot;,
                          &quot;styles&quot;: [&quot;src/styles.css&quot;],
                          &quot;scripts&quot;: [],
                          &quot;assets&quot;: [&quot;src/favicon.ico&quot;, &quot;src/assets&quot;]
                      }
                  },
                  &quot;lint&quot;: {
                      &quot;builder&quot;: &quot;@angular-devkit/build-angular:tslint&quot;,
                      &quot;options&quot;: {
                          &quot;tsConfig&quot;: [&quot;src/tsconfig.app.json&quot;, &quot;src/tsconfig.spec.json&quot;],
                          &quot;exclude&quot;: [&quot;**/node_modules/**&quot;]
                      }
                  }
              }
          },
          &quot;argon-dashboard-angular-e2e&quot;: {
              &quot;root&quot;: &quot;e2e/&quot;,
              &quot;projectType&quot;: &quot;application&quot;,
              &quot;architect&quot;: {
                  &quot;e2e&quot;: {
                      &quot;builder&quot;: &quot;@angular-devkit/build-angular:protractor&quot;,
                      &quot;options&quot;: {
                          &quot;protractorConfig&quot;: &quot;e2e/protractor.conf.js&quot;,
                          &quot;devServerTarget&quot;: &quot;argon-dashboard-angular:serve&quot;
                      },
                      &quot;configurations&quot;: {
                          &quot;production&quot;: {
                              &quot;devServerTarget&quot;: &quot;argon-dashboard-angular:serve:production&quot;
                          }
                      }
                  },
                  &quot;lint&quot;: {
                      &quot;builder&quot;: &quot;@angular-devkit/build-angular:tslint&quot;,
                      &quot;options&quot;: {
                          &quot;tsConfig&quot;: &quot;e2e/tsconfig.e2e.json&quot;,
                          &quot;exclude&quot;: [&quot;**/node_modules/**&quot;]
                      }
                  }
              }
          }
      },
      &quot;defaultProject&quot;: &quot;argon-dashboard-angular&quot;,
      &quot;schematics&quot;: {
          &quot;@schematics/angular:component&quot;: {
              &quot;styleext&quot;: &quot;scss&quot;
          }
      },
      &quot;cli&quot;: {
          &quot;analytics&quot;: false
      }
  }
  </code></pre>
  <p><strong>package.json</strong>:</p>
  <p>{
  &quot;name&quot;: &quot;argon-dashboard-angular&quot;,
  &quot;version&quot;: &quot;1.1.0&quot;,
  &quot;scripts&quot;: {
  &quot;ng&quot;: &quot;ng&quot;,
  &quot;start&quot;: &quot;ng serve&quot;,
  &quot;build&quot;: &quot;ng build&quot;,
  &quot;test&quot;: &quot;ng test&quot;,
  &quot;lint&quot;: &quot;ng lint&quot;,
  &quot;e2e&quot;: &quot;ng e2e&quot;,
  &quot;install:clean&quot;: &quot;rm -rf node_modules/ &amp;&amp; rm -rf package-lock.json &amp;&amp; npm install &amp;&amp; npm start&quot;
  },
  &quot;private&quot;: true,
  &quot;dependencies&quot;: {
  &quot;@angular/animations&quot;: &quot;10.1.1&quot;,
  &quot;@angular/common&quot;: &quot;10.1.1&quot;,
  &quot;@angular/compiler&quot;: &quot;10.1.1&quot;,
  &quot;@angular/core&quot;: &quot;10.1.1&quot;,
  &quot;@angular/fire&quot;: &quot;^6.0.2&quot;,
  &quot;@angular/forms&quot;: &quot;10.1.1&quot;,
  &quot;@angular/http&quot;: &quot;^7.2.16&quot;,
  &quot;@angular/localize&quot;: &quot;^9.0.5&quot;,
  &quot;@angular/platform-browser&quot;: &quot;10.1.1&quot;,
  &quot;@angular/platform-browser-dynamic&quot;: &quot;10.1.1&quot;,
  &quot;@angular/router&quot;: &quot;10.1.1&quot;,
  &quot;@ckeditor/ckeditor5-angular&quot;: &quot;^1.2.3&quot;,
  &quot;@ckeditor/ckeditor5-build-classic&quot;: &quot;^21.0.0&quot;,
  &quot;@ng-bootstrap/ng-bootstrap&quot;: &quot;^6.0.0&quot;,
  &quot;@sweetalert2/ngx-sweetalert2&quot;: &quot;^8.1.1&quot;,
  &quot;angular-file-uploader&quot;: &quot;^7.0.1&quot;,
  &quot;bootstrap&quot;: &quot;^4.5.2&quot;,
  &quot;chart.js&quot;: &quot;2.7.3&quot;,
  &quot;clipboard&quot;: &quot;2.0.4&quot;,
  &quot;core-js&quot;: &quot;3.6.4&quot;,
  &quot;firebase&quot;: &quot;^7.19.1&quot;,
  &quot;ngx-clipboard&quot;: &quot;13.0.0&quot;,
  &quot;ngx-quill&quot;: &quot;^12.0.1&quot;,
  &quot;ngx-toastr&quot;: &quot;12.0.0&quot;,
  &quot;nouislider&quot;: &quot;13.1.1&quot;,
  &quot;quill&quot;: &quot;^1.3.7&quot;,
  &quot;rxjs&quot;: &quot;^7.0.0-beta.5&quot;,
  &quot;sass-loader&quot;: &quot;^10.0.2&quot;,
  &quot;sweetalert2&quot;: &quot;^10.0.2&quot;,
  &quot;tslib&quot;: &quot;2.0.1&quot;,
  &quot;zone.js&quot;: &quot;0.11.1&quot;
  },
  &quot;devDependencies&quot;: {
  &quot;@angular-devkit/build-angular&quot;: &quot;0.1001.1&quot;,
  &quot;@angular/cli&quot;: &quot;^10.1.1&quot;,
  &quot;@angular/compiler-cli&quot;: &quot;^10.1.1&quot;,
  &quot;@angular/language-service&quot;: &quot;^10.1.1&quot;,
  &quot;@types/jasmine&quot;: &quot;^3.5.8&quot;,
  &quot;@types/jasminewd2&quot;: &quot;^2.0.8&quot;,
  &quot;@types/node&quot;: &quot;^13.7.7&quot;,
  &quot;codelyzer&quot;: &quot;^5.2.1&quot;,
  &quot;jasmine-core&quot;: &quot;^3.5.0&quot;,
  &quot;jasmine-spec-reporter&quot;: &quot;^4.2.1&quot;,
  &quot;karma&quot;: &quot;^4.4.1&quot;,
  &quot;karma-chrome-launcher&quot;: &quot;^3.1.0&quot;,
  &quot;karma-coverage-istanbul-reporter&quot;: &quot;^2.1.1&quot;,
  &quot;karma-jasmine&quot;: &quot;^3.1.1&quot;,
  &quot;karma-jasmine-html-reporter&quot;: &quot;^1.5.2&quot;,
  &quot;node-sass&quot;: &quot;^4.14.1&quot;,
  &quot;protractor&quot;: &quot;7.0.0&quot;,
  &quot;ts-node&quot;: &quot;9.0.0&quot;,
  &quot;tslint&quot;: &quot;6.1.3&quot;,
  &quot;typescript&quot;: &quot;4.0.2&quot;
  }
  }</p>