When using angular universal, if you set up your SCSS as you would normally do, you would add in <code>angular.json</code> in <code>projects/architect/build/options</code> the following property:
<pre><code>"stylePreprocessorOptions": {
 "includePaths": ["src/styles"]
 }
</code></pre>But whenever you try to import a scss stylesheet in your components, you will get the following error: <code>Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.</code>
In order to fix this, you need to add the above property again, in your <code>angular.json</code> file the object found at <code>projects/architect/server/options</code>

When using angular universal, if you set up your SCSS as you would normally do, you would add in `angular.json` in `projects/architect/build/options` the following property:

    "stylePreprocessorOptions": {
              "includePaths": ["src/styles"]
            }


But whenever you try to import a scss stylesheet in your components, you will get the following error: `Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.`

In order to **fix** this, you need to add the above property **again**, in your `angular.json` file the object found at `projects/architect/server/options`

Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.

Angular Universal: SCSS imports in Components

Everything JavaScript plus more. Frontend developer learning backend.


Angular Universal: SCSS imports in Components

Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js): SassError: Can't find stylesheet to import.