fix(@angular/cli): show a nicer error if packages does not support schematics

Does not show a better error if there are schematics but ng-add isnt found. That will
simply show "schematics ng-add not found" or something alike, which is fine here.

fixes #10467

Author: hansl

package-lock.json

@@ -1,3 +1,5 @@
+import { tags } from '@angular-devkit/core';
+import { NodePackageDoesNotSupportSchematics } from '@angular-devkit/schematics/tools';
 import chalk from 'chalk';
 import { CommandScope, Option } from '../models/command';
 import { parseOptions } from '../models/command-runner';
@@ -81,6 +83,17 @@ export default class AddCommand extends SchematicCommand {
       force: false,
     };
 
-    return await this.runSchematic(runOptions);
+    try {
+      return await this.runSchematic(runOptions);
+    } catch (e) {
+      if (e instanceof NodePackageDoesNotSupportSchematics) {
+        throw new SilentError(tags.oneLine`
+          The package that you are trying to add does not support schematics. You can try using
+          a different version of the package or contact the package author to add ng-add support.
+        `);
+      }
+
+      throw e;
+    }
   }
 }