Angular 9

[ReazerDev]

Hi, is there a version for Angular 9 in the works?

I get

ERROR in The target entry-point "listview-directives" has missing dependencies: - ./../

when I'm trying to build my Project using Angular 9

[NickIliev]

@ReazerDev there is no official support for Angular 9 and Ivy (so far). But you could use it by fixing the above import and using the following version of nativescript-angular

rm -rf node_modules platforms hooks webpack.config.js
npm i nativescript-angular@ivy --save
./node_modules/.bin/update-app-ng-deps

and fixing the above import (directly in the source code in node_modules/nativescript-ui-listview)

replace ./.. with nativescript-ui-listview.

The ivy tag of nativescript-angular is still in a working state and I am not recommending it for production.

[VaidasDatenis]

Something familliar is going on here too...

WARNING in Entry point 'side-drawer-directives' contains deep imports into 'C:/Users/Vaidas/Desktop/PROJECTS/Angular/ng-course/node_modules/@nativescript/angular/element-registry'. This is probably not a problem, but may cauular/ng-course/node_modules/@nativescrse the compilation of entry points to be out of order.                                                          be out of order.

ERROR in The target entry-point "side-drawer-directives" has missing dependencies:
 - ./..

[daweedm]

Something familliar is going on here too...

WARNING in Entry point 'side-drawer-directives' contains deep imports into 'C:/Users/Vaidas/Desktop/PROJECTS/Angular/ng-course/node_modules/@nativescript/angular/element-registry'. This is probably not a problem, but may cauular/ng-course/node_modules/@nativescrse the compilation of entry points to be out of order.                                                          be out of order.

ERROR in The target entry-point "side-drawer-directives" has missing dependencies:
 - ./..

did you managed to solve this ?

[arun-s-aot]

I am also facing a similar issue when i tried running my nativescript angular 9 project . What could be the reason ? I hope i am having the stable code having nativescript support to angular 9 . Also , my code was working fine yesterday :-)

[govi2010]

Hello Team , I am getting below error with angular 9

 - nativescript-angular/element-registry
 - ./../
 - tns-core-modules/ui/core/view
 - tns-core-modules/data/observable
 - tns-core-modules/color

[Victor1993]

Hola, hay alguna solución para este problema mencionado?

ERROR in The target entry-point "listview-directives" has missing dependencies:

[susymercado]

@NickIliev Can you explain me more? I'm new in NativeScript with Angular 9 This is my error, I try use RadListView

ERROR in The target entry-point "listview-directives" has missing dependencies:

• ./../

Thanks

[DevKitu]

Hey @susymercado and other: follow the steps mentioned here: https://github.com/NativeScript/nativescript-angular/wiki/Updating-and-developing-for-@nativescript-angular-v9-with-Ivy-or-without#problem-2

OR simply change your ngcc.config.js to: (a copy and replace your existing ngcc.config.js file in the root directory) module.exports = { "packages": { "@nativescript/angular": { entryPoints: { ".": { override: { main: "./index.js", typings: "./index.d.ts", }, ignoreMissingDependencies: true, } }, ignorableDeepImportMatchers: [ /zone.js\//, /tns-core-modules\//, /@nativescript\/core\// ] }, "nativescript-datetimepicker": { entryPoints: { ".": { override: { main: "./index.js", typings: "./index.d.ts", }, ignoreMissingDependencies: true, }, "angular": { override: { main: "./index.js", typings: "./index.d.ts", }, ignoreMissingDependencies: true, } }, ignorableDeepImportMatchers: [ /tns-core-modules\//, /@nativescript\/core\//, /@nativescript\/angular\// ] }, "nativescript-ui-sidedrawer": { entryPoints: { "angular": { override: { main: "./side-drawer-directives.js", typings: "./side-drawer-directives.d.ts", }, ignoreMissingDependencies: true, } }, ignorableDeepImportMatchers: [ /tns-core-modules\//, /@nativescript\/core\//, /@nativescript\/angular\// ] }, "nativescript-ui-listview": { entryPoints: { "angular": { override: { main: "./listview-directives.js", typings: "./listview-directives.d.ts", }, ignoreMissingDependencies: true, } }, ignorableDeepImportMatchers: [ /tns-core-modules\//, /@nativescript\/core\//, /@nativescript\/angular\// ] } } }

[susymercado]

@DevKitu I replaced the file, this is the new error. Thanks

ERROR in ../node_modules/nativescript-ui-listview/ivy_ngcc__/angular/listview-directives.js Module not found: Error: Can't resolve './../' in 'C:\Users\LAPTI-ACAD\Documents\NativeScriptProjets\splash\node_modules\nativescript-ui-listview__ivy_ngcc\angular' @ ../node_modules/nativescript-ui-listview/__ivy_ngcc__/angular/listview-directives.js 5:10-26 @ ./app/app.module.ts @ ./main.ts

[bizzfs]

So the ./.. missing dependency issue is in node_modules package.

For example, there is node_modules/nativescript-ui-sidedrawer/angular/side-drawer-directives.js and it contains statements such as require("./..") that appears to be correct

Also there is a node_modules/nativescript-ui-sidedrawer/__ivy_ngcc__/angular/side-drawer-directives.js that is one level deeper. in that case require("./../..") should be placed instead of require("./..") statements. This path mismatch causes the issue

In order to temporarily work around the issue I use https://www.npmjs.com/package/patch-package and fix the mistakes directly in node_modules until the lib gets fixed by the maintainers

Hope this helps

[tidusjar]

Is there any update on this issue? Currently facing this in ng 10 upgrade where there is no ngcc.config

[tidusjar]

@bizzfs can you share your patch file?