# Unable to add Okta and okta-widget to Vue Js

**URL:** <https://devforum.okta.com/t/unable-to-add-okta-and-okta-widget-to-vue-js/10814>\
**Category:** Questions\
**Created:** [September 4, 2020, 1:12pm UTC](https://devforum.okta.com/t/unable-to-add-okta-and-okta-widget-to-vue-js/10814 "2020-09-04T13:12:44Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![chairmo](https://avatars.discourse-cdn.com/v4/letter/c/48db29/32.png) [@chairmo](https://devforum.okta.com/u/chairmo)\
**Post date:** [September 4, 2020, 1:12pm UTC](https://devforum.okta.com/t/unable-to-add-okta-and-okta-widget-to-vue-js/10814/1 "2020-09-04T13:12:44Z")

</div>

Adding okta sdk and widget on my vue app throws this error:

```
Auth.js?7035:19 Uncaught ReferenceError: PACKAGE is not defined
at eval (Auth.js?7035:19)
at Module../node_modules/@okta/okta-vue/src/Auth.js (chunk-vendors.js:1428)
at __webpack_require__ (app.js:849)
at fn (app.js:151)
at eval (router.js:9)
at Module../src/router.js (app.js:3992)
at __webpack_require__ (app.js:849)
at fn (app.js:151)
at eval (main.js:28)
at Module../src/main.js (app.js:3980)

```

“@okta/okta-signin-widget”: “^4.4.2”,  
“@okta/okta-vue”: “^2.1.1”,

---

<div class="post-metadata">

**Author:** ![chairmo](https://avatars.discourse-cdn.com/v4/letter/c/48db29/32.png) [@chairmo](https://devforum.okta.com/u/chairmo)\
**Post date:** [September 5, 2020, 1:18am UTC](https://devforum.okta.com/t/unable-to-add-okta-and-okta-widget-to-vue-js/10814/2 "2020-09-05T01:18:05Z")

</div>

ok, i was importing the sdk wrongly.

using:` import Auth from '@okta/okta-vue/src/Auth'`

instead of `import Auth from '@okta/okta-vue'`

---

<div class="post-metadata">

**Author:** ![Lijia](https://sea1.discourse-cdn.com/oktadev/user_avatar/devforum.okta.com/lijia/32/2295_2.png) [@Lijia](https://devforum.okta.com/u/Lijia)\
**Post date:** [September 9, 2020, 12:54am UTC](https://devforum.okta.com/t/unable-to-add-okta-and-okta-widget-to-vue-js/10814/3 "2020-09-09T00:54:10Z")

</div>

@chairmo Thanks for the update. It sounds like the issue is gone after you import correct Okta SDK.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/oktadev/original/1X/589c4c5f80de422d01f47cee7185a7fb8227835c.png) [@system](https://devforum.okta.com/u/system)\
**Post date:** [January 25, 2024, 12:22am UTC](https://devforum.okta.com/t/unable-to-add-okta-and-okta-widget-to-vue-js/10814/4 "2024-01-25T00:22:21Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.
