Skip to content

Errors for modern API include stack #1068

@alan-agius4

Description

@alan-agius4

Bug report

When using modern API, on errors stack traces are printed to the user.

Actual Behavior

Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
  ╷
1 │ @import "font-sawessome/scss/font-awesome"
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  src/app/styles.scss 1:9  root stylesheet
    at Object.<anonymous> (/usr/local/xxxxxxxxx/git/angular-cli/a/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!/usr/local/xxxxxxxxx/git/angular-cli/a/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!/usr/local/xxxxxxxxx/git/angular-cli/a/node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!/usr/local/xxxxxxxxx/git/angular-cli/a/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!/usr/local/xxxxxxxxx/git/angular-cli/a/src/app/styles.scss:1:7)
    at /usr/local/xxxxxxxxx/git/angular-cli/a/node_modules/webpack/lib/javascript/JavascriptModulesPlugin.js:441:11
    at Hook.eval [as call] (eval at create (/usr/local/xxxxxxxxx/git/angular-cli/a/node_modules/tapable/lib/HookCodeFactory.js:19:10), <anonymous>:7:1)
    at Hook.CALL_DELEGATE [as _call] (/usr/local/xxxxxxxxx/git/angular-cli/a/node_modules/tapable/lib/Hook.js:14:14)
    at /usr/local/xxxxxxxxx/git/angular-cli/a/node_modules/webpack/lib/Compilation.js:5057:39
    at tryRunOrWebpackError (/usr/local/xxxxxxxxx/git/angular-cli/a/node_modules/webpack/lib/HookWebpackError.js:83:7)
    at __webpack_require_module__ (/usr/local/xxxxxxxxx/git/angular-cli/a/node_modules/webpack/lib/Compilation.js:5055:12)
    at __webpack_require__ (/usr/local/xxxxxxxxx/git/angular-cli/a/node_modules/webpack/lib/Compilation.js:5012:18)
    at /usr/local/xxxxxxxxx/git/angular-cli/a/node_modules/webpack/lib/Compilation.js:5083:20
    at symbolIterator (/usr/local/xxxxxxxxx/git/angular-cli/a/node_modules/neo-async/async.js:3485:9)

Expected Behavior

Error: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Can't find stylesheet to import.
  ╷
1 │ @import "font-sawessome/scss/font-awesome"
  │         ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  ╵
  src/app/styles.scss 1:9  root stylesheet

How Do We Reproduce?

  • Config the sass-loader as follows;
{
  loader: require.resolve('sass-loader'),
  options: {
    implementation: require('sass'),
    api: 'modern',
  },
}

Add a stylesheet that contains an errors such as an invalid import.

@import "font-sawessome/scss/font-awesome"

Please paste the results of npx webpack-cli info here, and mention other relevant information

 System:
    OS: Linux 5.17 Debian GNU/Linux rodete 12 (rodete)
    CPU: (48) x64 AMD EPYC 7B12
    Memory: 152.19 GB / 188.89 GB
  Binaries:
    Node: 14.19.2 - ~/.nvm/versions/node/v14.19.2/bin/node
    Yarn: 1.22.17 - ~/.nvm/versions/node/v14.19.2/bin/yarn
    npm: 8.11.0 - ~/.nvm/versions/node/v14.19.2/bin/npm
  Browsers:
    Chrome: 103.0.5060.53
    Firefox: 91.10.0esr

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions