Lightrun
question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. ItΒ collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

ivy throw ERROR in EISDIR: illegal operation on a directory, read and Cannot combine @Input decorators with query decorators

See original GitHub issue

🐞 bug report

Affected Package

"@angular/core": "8.1.0-next.2",

Is this a regression?

"@angular/core": "8.0.x",

Description

I tried out Ivy as suggested here when compiling, I get : ERROR in EISDIR: illegal operation on a directory, read

πŸ”¬ Minimal Reproduction

The error doesn’t give me an indication as to where in my code the error would come from …

πŸ”₯ Exception or Error



$ npm start

> front@0.0.0 start /Users/hugodes/src/core-front
> gulp sass && node --max_old_space_size=3072 node_modules/.bin/ng serve -c=local

[17:43:41] Using gulpfile ~/src/core-front/gulpfile.js
[17:43:41] Starting 'sass'...
[17:43:42] Finished 'sass' after 724 ms
  0% compiling
Compiling @angular/core : es2015 as esm2015

Compiling @angular/common : es2015 as esm2015

Compiling @angular/platform-browser : es2015 as esm2015

Compiling @angular/platform-browser-dynamic : es2015 as esm2015

Compiling @angular/cdk/bidi : es2015 as esm2015

Compiling @angular/cdk/coercion : es2015 as esm2015

Compiling @angular/cdk/platform : es2015 as esm2015

Compiling @angular/cdk/keycodes : es2015 as esm2015

Compiling @angular/cdk/observers : es2015 as esm2015

Compiling @angular/cdk/a11y : es2015 as esm2015

Compiling @angular/animations : es2015 as esm2015

Compiling @angular/animations/browser : es2015 as esm2015

Compiling @angular/platform-browser/animations : es2015 as esm2015

Compiling @angular/material/core : es2015 as esm2015

Compiling @angular/common/http : es2015 as esm2015

Compiling @angular/material-moment-adapter : es2015 as esm2015

Compiling @angular/forms : es2015 as esm2015

Compiling @angular/router : es2015 as esm2015

Compiling @ngrx/store : es2015 as esm2015

Compiling @auth0/angular-jwt : module as esm5

Compiling @angular/animations/browser/testing : es2015 as esm2015

Compiling @angular/cdk : es2015 as esm2015

Compiling @angular/cdk/collections : es2015 as esm2015

Compiling @angular/cdk/scrolling : es2015 as esm2015

Compiling @angular/cdk/drag-drop : es2015 as esm2015

Compiling @angular/common/http/testing : es2015 as esm2015

Compiling @angular/cdk/portal : es2015 as esm2015

Compiling @angular/cdk/overlay : es2015 as esm2015

Compiling @angular/material/form-field : es2015 as esm2015

Compiling @angular/material/autocomplete : es2015 as esm2015

Compiling @angular/material/badge : es2015 as esm2015

Compiling @angular/cdk/layout : es2015 as esm2015

Compiling @angular/material/bottom-sheet : es2015 as esm2015

Compiling @angular/material/button : es2015 as esm2015

Compiling @angular/material/button-toggle : es2015 as esm2015

Compiling @angular/material/card : es2015 as esm2015

Compiling @angular/material/checkbox : es2015 as esm2015

Compiling @angular/material/chips : es2015 as esm2015

Compiling @angular/material/dialog : es2015 as esm2015

Compiling @angular/cdk/text-field : es2015 as esm2015

Compiling @angular/material/input : es2015 as esm2015

Compiling @angular/material/datepicker : es2015 as esm2015

Compiling @angular/material/divider : es2015 as esm2015

Compiling @angular/cdk/accordion : es2015 as esm2015

Compiling @angular/material/expansion : es2015 as esm2015

Compiling @angular/material/grid-list : es2015 as esm2015

Compiling @angular/material/icon : es2015 as esm2015

Compiling @angular/material/list : es2015 as esm2015

Compiling @angular/material/menu : es2015 as esm2015

Compiling @angular/material/select : es2015 as esm2015

Compiling @angular/material/tooltip : es2015 as esm2015

Compiling @angular/material/paginator : es2015 as esm2015

Compiling @angular/material/progress-bar : es2015 as esm2015

Compiling @angular/material/progress-spinner : es2015 as esm2015

Compiling @angular/material/radio : es2015 as esm2015

Compiling @angular/material/sidenav : es2015 as esm2015

Compiling @angular/material/slide-toggle : es2015 as esm2015

Compiling @angular/material/slider : es2015 as esm2015

Compiling @angular/material/snack-bar : es2015 as esm2015

Compiling @angular/material/sort : es2015 as esm2015

Compiling @angular/cdk/stepper : es2015 as esm2015

Compiling @angular/material/stepper : es2015 as esm2015

Compiling @angular/cdk/table : es2015 as esm2015

Compiling @angular/material/table : es2015 as esm2015

Compiling @angular/material/tabs : es2015 as esm2015

Compiling @angular/material/toolbar : es2015 as esm2015

Compiling @angular/cdk/tree : es2015 as esm2015

Compiling @angular/material/tree : es2015 as esm2015

Compiling @angular/material : es2015 as esm2015

Compiling @angular/core/testing : es2015 as esm2015

Compiling @angular/platform-browser/testing : es2015 as esm2015

Compiling @angular/compiler/testing : es2015 as esm2015

Compiling @angular/platform-browser-dynamic/testing : es2015 as esm2015

Compiling @angular/platform-server : es2015 as esm2015

Compiling @angular/platform-server/testing : es2015 as esm2015

Compiling @angular/common/testing : es2015 as esm2015

Compiling @angular/router/testing : es2015 as esm2015

Compiling @ngrx/effects : es2015 as esm2015

Compiling @ngrx/effects/testing : es2015 as esm2015

Compiling @ngrx/store/testing : es2015 as esm2015

Compiling @ngrx/store-devtools : es2015 as esm2015
                                                                                              
Date: 2019-06-14T15:45:17.206Z
Hash: 6b9902ab85a9ec6f706a
Time: 89574ms
chunk {main} main.js, main.js.map (main) 1.89 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 675 bytes [initial] [rendered]
chunk {polyfills-es5} polyfills-es5.js, polyfills-es5.js.map (polyfills-es5) 434 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 6.08 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 1.33 MB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 322 kB [initial] [rendered]

WARNING in Unknown member type: "[key: string]: (data: any) => void;

WARNING in Unknown member type: "[key: string]: (data: any) => void;

WARNING in Unknown member type: "[key: string]: (data: any) => void;

WARNING in Unknown member type: "[key: string]: (data: any) => void;

WARNING in Unknown member type: "[key: string]: (data: any) => void;

WARNING in Unknown member type: "[key: string]: (data: any) => void;

WARNING in Unknown member type: "[key: string]: (data: any) => void;

ERROR in EISDIR: illegal operation on a directory, read
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
β„Ή ο½’wdmο½£: Failed to compile.
β„Ή ο½’wdmο½£: Compiling...
                                                                                              
Date: 2019-06-14T15:45:22.185Z - Hash: c5d40477487b59bbbed2 - Time: 4662ms
6 unchanged chunks

ERROR in EISDIR: illegal operation on a directory, read
β„Ή ο½’wdmο½£: Failed to compile.
/Users/hugodes/src/core-front/node_modules/@angular/compiler-cli/src/ngtsc/transform/src/compilation.js:228
                    finally { if (e_2) throw e_2.error; }
                                       ^

Error: Cannot combine @Input decorators with query decorators
    at /Users/hugodes/src/core-front/node_modules/@angular/compiler-cli/src/ngtsc/annotations/src/directive.js:350:23
    at Array.map (<anonymous>)
    at queriesFromFields (/Users/hugodes/src/core-front/node_modules/@angular/compiler-cli/src/ngtsc/annotations/src/directive.js:346:23)
    at Object.extractDirectiveMetadata (/Users/hugodes/src/core-front/node_modules/@angular/compiler-cli/src/ngtsc/annotations/src/directive.js:125:35)
    at ComponentDecoratorHandler.analyze (/Users/hugodes/src/core-front/node_modules/@angular/compiler-cli/src/ngtsc/annotations/src/component.js:133:47)
    at analyze (/Users/hugodes/src/core-front/node_modules/@angular/compiler-cli/src/ngtsc/transform/src/compilation.js:172:60)
    at _loop_1 (/Users/hugodes/src/core-front/node_modules/@angular/compiler-cli/src/ngtsc/transform/src/compilation.js:212:25)
    at analyzeClass (/Users/hugodes/src/core-front/node_modules/@angular/compiler-cli/src/ngtsc/transform/src/compilation.js:220:25)
    at visit (/Users/hugodes/src/core-front/node_modules/@angular/compiler-cli/src/ngtsc/transform/src/compilation.js:234:21)
    at visitNodes (/Users/hugodes/src/core-front/node_modules/typescript/lib/typescript.js:16514:30)

🌍 Your Environment

Angular Version:



Angular CLI: 8.0.2
Node: 10.16.0
OS: darwin x64
Angular: 8.1.0-next.2
... animations, common, compiler, compiler-cli, core, forms
... language-service, platform-browser, platform-browser-dynamic
... platform-server, router

Package                            Version
------------------------------------------------------------
@angular-devkit/architect          0.800.2
@angular-devkit/build-angular      0.800.2
@angular-devkit/build-optimizer    0.800.2
@angular-devkit/build-webpack      0.800.2
@angular-devkit/core               8.0.2
@angular-devkit/schematics         8.0.2
@angular/cdk                       8.0.1
@angular/cli                       8.0.2
@angular/material                  8.0.1
@angular/material-moment-adapter   8.0.1
@ngtools/webpack                   8.0.2
@schematics/angular                8.0.2
@schematics/update                 0.800.2
rxjs                               6.5.2
typescript                         3.4.5
webpack                            4.30.0

Anything else relevant?

I aslo followed the guide here: https://angular.io/guide/ivy

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:1
  • Comments:29 (13 by maintainers)

github_iconTop GitHub Comments

2reactions
hugodescommented, Jun 28, 2019

@istiti Thank you so much !!

Also thanks @AndrewKushnir & @kara for all your help, I never had to wait more than 24h to get a response !

I’m sorry the error ended up being in my code, but other users will have better errors as a result πŸ™‚

I created a separate issue #31327 for the case I ran into while trying to reproduce the error. (Sometimes combining input and query decorators doesn’t fail with Ivy).

Have a nice day !

EDIT:

Our app which is built of 10+ feature modules and 100+ components ended up compiling just fine and works like a charm, great work with Ivy guys !

2reactions
AndrewKushnircommented, Jun 27, 2019

Thanks for the detailed reply @istiti πŸ‘

@hugodes as Elvis mentioned, the following code:

  @ViewChild('myHalfDonutCanvas', { static: false })
  @Input() SEInflowSum;

means that @ViewChild and @Input decorators are applied to the SEInflowSum field, thus Ivy compiler throws an error. Please try to apply a fix that Elvis proposed and let us know if everything works as expected.

Thank you.

Read more comments on GitHub >

github_iconTop Results From Across the Web

NPM stuck giving the same error EISDIR: Illegal operation on ...
This means that NPM is trying to do something to a file but it is a directory. In your case, NPM is trying...
Read more >
cannot combine @input decorators with query decorators ng ...
Something like ivy throw ERROR in EISDIR: illegal operation on a directory, read and Cannot combine @Input decorators with query decorators ...
Read more >
EISDIR: illegal operation on a directory, open 'tmp'-node.js
Coding example for the question Node Js - EISDIR: illegal operation on a directory, open 'tmp'-node.js.
Read more >
ssh remote error eisdir illegal operation on a directory, read
From personal experience, based on your error message illegal operation on a directory , I would guess that while executing npm, it is...
Read more >
ChangeLog.57 - twaren
Erroring out is also not an option since the relevant part of the x509v3/ directory doesn't like to do proper error checking (looking...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found
Previous page

Service worker registration failed in Safari angular 8

Next page

Angular Element issue with change detection running on Property value change