Module '" + loader.path + "' is not a loader (must have normal or pitch function)

[KeithWilliamsGMIT]

After following the steps on how to use Bootstrap 4 and Sass with Angular 2, outlined here, I got the following error when trying to compile the application.

throw new Error("Module '" + loader.path + "' is not a loader (must have normal or pitch function)");

[KeithWilliamsGMIT]

I found the solution here. In this case I had to change

{
	test: /\.(woff2?|ttf|eot|svg)$/,
	loader: 'url?limit=10000'
}

to

{
	test: /\.(woff2?|ttf|eot|svg)$/,
	loader: 'url-loader?limit=10000'
}

in the webpack.common.js file. Notice the change from url to url-loader. This is necessary because, since Webpack 2, the automatic -loader module name extension has been removed meaning it is no longer possible to omit the -loader extension when referencing loaders. More information on this can be found here.