angular2 typescript $.cookie() is not a function

Question

I installed @types/[email protected], then in tsconfig.json I added jquery.cookie in types section. Visual Studio Code shows that $.cookie is available to use, but when I run my code I get error in console that $.cookie() is not a function. Where is the problem? Am I missing something? Should I reference it somewhere else?

fredrik · Accepted Answer · 2017-03-29 10:54:34Z

1

Have you included the jquery.cookie package in your code? Or just the @types/[email protected]?

@types are just definition files for TypeScript, not the actual code it self. So we still need to install the code it self:

npm install --save jquery.cookie

Then add it to your packaging, for instance for SystemJS:

SystemJS.config({
    'map': {
        'jquery.cookie': 'npm:jquery.cookie'
    },
    'paths': {
        'npm:': 'node_modules/'
    }
});

To sum up:

@types are definitions to allow TypeScript understand code/packages written in JavaScript (as most of them are or at least compiled to). @types shouldn't be imported in the code it self. Only installed, the TypeScript compiler automatically looks for all defintions in node_modules/@types.
The package you want to use with TypeScript still needs to be installed with npm (or yarn). These hold the actual code.

edited Mar 29, 2017 at 10:54

answered Mar 29, 2017 at 10:33

fredrik

17.6k9 gold badges57 silver badges72 bronze badges

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

2 Comments

nick_green Over a year ago

I tried to import it in app.module.ts like this: "import '@types/jquery.cookie';" but when I compile code it throws error that couldn't find module.

nick_green Over a year ago

Thanks for your answer! :)

Collectives™ on Stack Overflow

angular2 typescript $.cookie() is not a function

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related