no ResourceLoader implementation has been provided

[paulogr]

no ResourceLoader implementation has been provided

[ennyta]

I managed to fix it.
In webpack.common.js add this part:
{
test: /.scss$/,
exclude: /node_modules/,
loaders: ['raw-loader', 'sass-loader'] // sass-loader not scss-loader
}

and remove scss from this part:
{
test: /.(scss|html|png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/,
use: 'raw-loader'
}

That enables @imports in sass to be resolved and compiled.

[rahulbpatel]

I am running into the same thing. I am trying to import Bootstrap via the app.component.scss file:

$icon-font-path: '~bootstrap-sass/assets/fonts/bootstrap/';
@import "~bootstrap-sass/assets/stylesheets/bootstrap";

[rahulbpatel]

Actually my issue might be unrelated, I just realized I was missing the bootstrap-sass package. I added it and am running into other issues. Will report back what I find out.

[rahulbpatel]

I think that fixed my issue. @paulogr might want to check that file "../../assets/colors" actually exists

[ennyta]

I am getting the same error. Any ideas? File is there.

[ysus]

i can resolve the issue that i have but with font-aweson, basically is the same configuration for both:
{ test: /\.scss$/, use: [{ loader: "to-string-loader" }, { loader: "css-loader" } }, { loader: "resolve-url-loader" }, { loader: "sass-loader", options: { sourceMap: true, data: '@import "styles";', includePaths: [ DIR ] } } ] }, { test: /\.(jpe|jpg|woff|woff2|eot|ttf|svg)(\?.*$|$)/, use: [{ loader: "file-loader" }] }

DIR // const DIR = join(process.cwd(), 'src', 'styles');

inside the style folder i have a file called
styles.scss

@import 'variables';
@import '../../node_modules/font-awesome/scss/font-awesome';
@import 'global';

inside _varibales.scss
$fa-font-path: "../../node_modules/font-awesome/fonts";

repo: https://github.com/FrozenPandaz/ng-universal-demo

[mohitkadelongraph]

@ennyta
Where should we write this -
{
test: /.scss$/,
exclude: /node_modules/,
loaders: ['raw-loader', 'sass-loader'] // sass-loader not scss-loader
}
in serverConfig or in browserConfig?
If in browserConfig then do we need to remove pre-defined scss rules?

[ysus]

In webpack.common.js

[fulls1z3]

@paulogr @rahulbpatel @ennyta @mohitkadelongraph @ysus I was able to reproduce this error, and am going to push a fix within a couple of hours, so stay tuned guys.