Subtle problem in your tutorial pages...

Hi guys,

I’ve wasted days, simply trying to create an Angular project, then adding in Angular Materials, as I followed the bad advice on this webpage:

Setup for local development

You can read my horror story here but basically, if you create an Angular project using the following command, adding Materials is a nightmare.

git clone https://github.com/angular/quickstart AngularDemo

(I was also given this advice when watching a John Papa PluralSight video for Angular 2 beginners.)

The worrying thing is the Angular beginner’s tutorial does still recommend using this method. See the “Follow the setup instructions” link on this page.

One other issue with the Angular Materials tutorial.

On Windows 7, it refused to include any of the prebuilt-themes .css files.

Your tutorial suggests (in part 4) to include this in the index.html file:

<link href="../node_modules/@angular/material/prebuilt-themes/indigo-pink.css" rel="stylesheet">

It doesn’t work.

Even if I copy one of the .css themes into the same folder as my index.html file, my browser can’t find them.

Instead, I needed to add this line to the styles.css file:

@import "../node_modules/@angular/material/prebuilt-themes/indigo-pink.css";

This stuff is baffling…

I genuinely miss the simplicity and stability of Angular 1…

[willshowell]

@RobAltena concerning testing, see https://github.com/angular/material2/issues/4056. Maybe it will help

[angular-automatic-lock-bot[bot]]

This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}