{"id":188,"date":"2021-12-31T09:00:00","date_gmt":"2021-12-31T09:00:00","guid":{"rendered":"http:\/\/frontendguruji.com\/?p=188"},"modified":"2022-01-14T11:09:18","modified_gmt":"2022-01-14T11:09:18","slug":"warn-export-default-imported-as-vue-was-not-found-in-vue","status":"publish","type":"post","link":"https:\/\/frontendguruji.com\/blog\/warn-export-default-imported-as-vue-was-not-found-in-vue\/","title":{"rendered":"WARN export ‘default’ (imported as ‘Vue’) was not found in ‘vue’"},"content":{"rendered":"\n

Hello Friends! 🙏, today while I was working on How to setup a Vue JS v3 project from scratch (without Vue CLI) (Including SFC\u2019s & Vue Router v4)<\/a>, When I compiled the App, I got below warning ⚠.<\/p>\n\n\n\n

\"\"
export ‘default’ (imported as ‘Vue’) was not found in ‘vue’<\/span><\/figcaption><\/figure>\n\n\n\n

So checked the way I have imported the Vue, it’s like:<\/p>\n\n\n\n

import Vue from \"vue\";<\/code><\/pre>\n\n\n\n
Now after doing some research 🔍😁, I got to know that in Vue v3, Vue is not getting exported by default, instead now there are named exports. That is the reason of the warning, so changing the code to below format either using import as<\/strong> or using destructuring<\/strong>, I am able to use Vue 🥳.<\/p>\n\n\n\n
import * as Vue from \"vue\";\n\nOR\n\nimport { createApp } from \"vue\";<\/code><\/pre>\n\n\n\n
Thanks 🙏.<\/p>\n","protected":false},"excerpt":{"rendered":"
Hello Friends! 🙏, today while I was working on How to setup a Vue JS v3 project from scratch (without Vue CLI) (Including SFC\u2019s & Vue Router v4), When I compiled the App, I got below warning ⚠. So checked the way I have imported the Vue, it’s like: Now after doing some research 🔍😁, …<\/p>\n
  WARN export ‘default’ (imported as ‘Vue’) was not found in ‘vue’<\/span> Read More »<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"categories":[30],"tags":[12,31,32,9,41],"_links":{"self":[{"href":"https:\/\/frontendguruji.com\/blog\/wp-json\/wp\/v2\/posts\/188"}],"collection":[{"href":"https:\/\/frontendguruji.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/frontendguruji.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/frontendguruji.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/frontendguruji.com\/blog\/wp-json\/wp\/v2\/comments?post=188"}],"version-history":[{"count":0,"href":"https:\/\/frontendguruji.com\/blog\/wp-json\/wp\/v2\/posts\/188\/revisions"}],"wp:attachment":[{"href":"https:\/\/frontendguruji.com\/blog\/wp-json\/wp\/v2\/media?parent=188"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/frontendguruji.com\/blog\/wp-json\/wp\/v2\/categories?post=188"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/frontendguruji.com\/blog\/wp-json\/wp\/v2\/tags?post=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}