Angular2/nativescript: Issues importing/using Javascript module in a Typescript app

Question

i'm trying to use the localstorage NativeScript module located at

https://www.npmjs.com/package/nativescript-localstorage

I have a LocalStorage service coppied from a web app that I want to use with a NativeScript app, I installed the module successfully with tns plugin add nativescript-localstorage. The first thing i'm confused about is: My app is written in Typescript and this module is written in Javascript would I be able to import/use this module in my app? I added the following to the imports section of my LocalStorageService: var localStorage = require('nativescript-localstorage'); The app built fine but after it got deployed I got the following error:

error: Error: com.tns.NativeScriptException: Failed to find module: "nativescript-localstorage", relative to: app/tns_modules/

Then I tried: import * as localStorage from 'nativescript-localstorage'; I then get a error saying cannot find module nativescript-localstorage. Any idea what i'm doing wrong?

Eddy Verbruggen · Accepted Answer · 2017-01-09 12:40:44Z

1

That error is not related to the way you import it, rather the fact your platforms/[platform]/[appname]/app/tns_modules folder doesn't include the plugin. Just tns platform remove [platform], tns platform add [platform] and tns run [platform] and you should see it. And be able to require it.

answered Jan 9, 2017 at 12:40

Eddy Verbruggen

3,5501 gold badge17 silver badges27 bronze badges

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

9 Comments

Eddy Verbruggen Over a year ago

So does that folder I mentioned contain the plugin at all?

user2094257 Over a year ago

Do I need to import the localstorage module in app.module.ts? at the moment i'm just importing it in the localStorage service

Eddy Verbruggen Over a year ago

If the module isn't even in you platform folder then importing it will fail as well so let's focus on that first. After adding the plugin and doing a proper build it should end up here for Android: <appfolder>/platforms/android/src/main/assets/app/tns_modules and here for iOS: <appfolder>/platforms/ios/<appname>/app/tns_modules

user2094257 Over a year ago

<appname> isn't in my platforms/android folder at all after doing a build.

Eddy Verbruggen Over a year ago

I said "<appfolder>/platforms/android/src/main/assets/app/tns_module‌s" for Android - please share a screenshot or something so we can figure this out.

|

Collectives™ on Stack Overflow

Angular2/nativescript: Issues importing/using Javascript module in a Typescript app

1 Answer 1

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related