ClientId in Vue.js SPA

I am getting an error with my clientId in the console when I run my app.

webpack-internal:///./node_modules/@okta/okta-vue/dist/okta-vue.js:77 Uncaught Error: Your client ID is missing. You can copy it from the Okta Developer Console in the details for the Application you created. Follow these instructions to find it:
at new t (webpack-internal:///./node_modules/@okta/okta-vue/dist/okta-vue.js:77)
at i.assertClientId (webpack-internal:///./node_modules/@okta/okta-vue/dist/okta-vue.js:77)
at v (webpack-internal:///./node_modules/@okta/okta-vue/dist/okta-vue.js:303)
at Object.install (webpack-internal:///./node_modules/@okta/okta-vue/dist/okta-vue.js:303)
at Function.Vue.use (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:5091)
at eval (webpack-internal:///./src/router.js:23)
at Module…/src/router.js (app.js:3878)
at webpack_require (app.js:724)
at fn (app.js:101)
at eval (webpack-internal:///./src/main.js:16)

I am not confused about how to find the clientId in my Okta app - I have placed it in the clientId placeholder in the config settings. I cannot track down why this error message is coming up

Can you please post the code you’re using for your config settings?

Yes Sure. If you need more, let me know. This is the config section of my router view.

import Auth from “@okta/okta-vue”;

Vue.use(Auth, {
clientId: “here’s where my client ID goes”,
issuer: “https://my okta URL/oath2/default”,
redirectUri: “http://localhost:8080/implicit/callback”,
scope: “openid profile email”


let router = new Router({
mode: “history”,
routes: [