Cannot access native api (iOS or Android) using NativeScript + Angular-2 project

Question

How to replicate:

tns create Something --ng
cd Something

now following this link https://docs.nativescript.org/angular/core-concepts/accessing-native-apis-with-javascript.html

npm install tns-platform-declarations --save-dev

replaced contents of tsconfig.json and reference.d.ts

tns run iOS

I'm getting

file:///app/tns_modules/@angular/compiler/bundles/compiler.umd.js:18646:26: JS ERROR Error: Can't resolve all parameters for ItemsComponent: (?).

ts version 2.1.6
xcode version 8.2.1
"tns-platform-declarations": "^2.5.0",
"tns-ios": {"version": "2.5.0"}
"nativescript-angular": "1.4.0",

without those modifications, iOS project runs as intended.

I think its something with references, but I'm not sure.

Nick Iliev · Accepted Answer · 2017-03-01 11:27:06Z

4

There are some DOM related types that need to be handled when working in Angular-2 enabled project. This will be dealt with in the next releases of nativescript-dev-typescript but meanwhile, use the following in your references.d.t.s

// <reference path="./node_modules/tns-core-modules/tns-core-modules.es2016.d.ts" />

/// <reference path="./node_modules/tns-platform-declarations/ios.d.ts" />
/// <reference path="./node_modules/tns-platform-declarations/android.d.ts" />

declare type Comment = any;
declare type CloseEvent = any;
declare type Document = any;
declare type DocumentFragment = any;
declare type Element = any;
declare type History = any;
declare type HTMLAnchorElement = any;
declare type HTMLCollection = any;
declare type HTMLDocument = any;
declare type HTMLElement = any;
declare type HTMLInputElement = any;
declare type HTMLScriptElement = any;
declare type HTMLStyleElement = any;
declare type KeyboardEvent = any;
declare type Location = any;
declare type MessageEvent = any;
declare type MouseEvent = any;
declare type Node = any;
declare type NodeList = any;
declare type Text = any;
declare type WebSocket = any;

Based on this application

answered Mar 1, 2017 at 11:27

Nick Iliev

9,6703 gold badges38 silver badges94 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ermo Over a year ago

also change tsconfig according to the link.

Collectives™ on Stack Overflow

Cannot access native api (iOS or Android) using NativeScript + Angular-2 project

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related