gulp(schematics-ts): doesn't handle projects in directories with spaces in their names

[Anil-bohorya]

Bug, feature request, or proposal:

[12:02:32] 'cdk:assets:schematics-ts' errored after 28 ms
[12:02:32] Error: tsc compilation failure
....
[12:02:32] 'build:devapp' errored after 53 ms
[12:02:32] Error in plugin 'run-sequence(cdk:assets:schematics-ts)'
Message:
tsc compilation failure
....

[12:02:32] 'cdk:build-no-bundles' errored after 53 ms
[12:02:32] Error in plugin 'run-sequence(build:devapp)'
Message:
tsc compilation failure

What is the expected behavior?

What is the current behavior?

after 'npm run demo-app'
[12:02:32] Starting 'build:devapp'...
[12:02:32] Starting 'cdk:build-no-bundles'...
[12:02:32] Starting 'cdk:assets:scss'...
[12:02:32] Finished 'cdk:assets:scss' after 14 ms
[12:02:32] Starting 'cdk:assets:copy-styles'...
[12:02:32] Starting 'cdk:assets:html'...
[12:02:32] Starting 'cdk:assets:schematics-ts'...
/bin/sh: /Users/Username/Downloads/new: No such file or directory

[12:02:32] 'cdk:assets:schematics-ts' errored after 28 ms
[12:02:32] Error: tsc compilation failure
.........

What are the steps to reproduce?

followed Readme file and started with #13781

[Splaktar]

Part of the required new issue template is the following:

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

In this case, what OS and OS version are you running?
Are you using NPM or Yarn? Which version?

I just tried this on macOS Mojave using NPM and it worked w/o any issues.

You should also make sure to follow the instructions in our Dev Environment Guide which includes installing gulp globally.

[Anil-bohorya]

I am using
OS - Mac OS 10.11.6(capitan),
NPM - 5.6.0,
GULP - 3.9.1 (Globally installed)
typescript@3.1.4

[josephperrott]

@Anil-bohorya I am unable to reproduce this myself.

Can you confirm that this occurs in a fresh clone of the repo?

git clone https://github.com/angular/material2.git;
cd material2;
yarn install;
npm run demo-app;

[Splaktar]

Based on #13890, it looks like you'll need to try using yarn and NPM v10.x.

[Anil-bohorya]

@josephperrott I followed your steps but getting same results after
npm run demo-app;

@Splaktar I tried with yarn but issue is same.. It is difficult to upgrade node version as other project can be effected.

[Splaktar]

@Anil-bohorya NVM makes it easy to change NodeJS versions at will. You can use a .nvmrc file in the project root to define which version of NodeJS to use with each project.

[Anil-bohorya]

@Splaktar Tried with NVM also but no change in error.

Below are commands after setting up NVM:

material2 anil.kumar1$ nvm --version
0.33.11
material2 anil.kumar1$ node -v
v10.13.0
material2 anil.kumar1$ npm -v
6.4.1
material2 anil.kumar1$ npm run demo-app

material2-srcs@7.0.2 demo-app /Users/anil.kumar1/Downloads/new angular 6/material2
gulp serve:devapp

[11:40:35] Using gulpfile ~/Downloads/new angular 6/material2/gulpfile.js
[11:40:35] Starting 'build:devapp'...
[11:40:35] Starting 'cdk:build-no-bundles'...
[11:40:35] Starting 'cdk:assets:scss'...
[11:40:35] Finished 'cdk:assets:scss' after 9.1 ms
[11:40:35] Starting 'cdk:assets:copy-styles'...
[11:40:35] Starting 'cdk:assets:html'...
[11:40:35] Starting 'cdk:assets:schematics-ts'...
/bin/sh: /Users/anil.kumar1/Downloads/new: No such file or directory

[11:40:35] 'cdk:assets:schematics-ts' errored after 21 ms
[11:40:35] Error: tsc compilation failure

[Splaktar]

@Anil-bohorya it looks like it may be an issue with spaces in the path. Try renaming new angular 6 directory to something like new-angular-6?

[Anil-bohorya]

@Splaktar right.. working now.. thanx