How do I add pure javascript files into Angular 4 component?

Question

I want to use an external javascript library in an angular 4 component but I am having trouble using it. The library I want to install is the plaid link library and I have downloaded the .js file and added it to the assets folder and included it into angular-cli.json scripts location.

The object imported from the class is giving me the error Plaid is not defined. How can I successfully include the pure javascript file into angular typescript?

This is the file I would like to include:

https://cdn.plaid.com/link/v2/stable/link-initialize.js

Thanks

The class from the file is not showing up in my component. What does that mean? — R. Richards
– R. Richards, Commented Jul 10, 2017 at 22:05
I am gettting the error when I run the constructor: Plaid is not defined. — random0620
– random0620, Commented Jul 10, 2017 at 22:12
I see. Does the library come with a type definition (*.d.ts) file? I think that is all you are missing. Here is a link to the steps you follow to add a 3rd party library to a ng4 project. The npm install @types... step might be what you are missing. — R. Richards
– R. Richards, Commented Jul 10, 2017 at 22:15
There aren't any types because the library is meant to be run in pure javascript. — random0620
– random0620, Commented Jul 10, 2017 at 22:17

Yakov Fain · Accepted Answer · 2017-07-10 23:00:36Z

3

It looks like your library has a Plaid object, which is not known to the TypeScript compiler.Create a file src/typings.d.ts with the following content:

declare var Plaid: any;

Or you can declare this variable inside your component:

var Plaid: any;

answered Jul 10, 2017 at 23:00

Yakov Fain

12.4k5 gold badges35 silver badges40 bronze badges

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

Collectives™ on Stack Overflow

How do I add pure javascript files into Angular 4 component?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related