Fórum Academy - export 'default' (imported as 'Vue') was not found in 'vue' (possible exports: BaseTransition, etc

Criador Darcio Fernandes 01/05/2023

Boa noite Carlos, tudo bem ???

Estou tendo o seguinte retorno como erro ...

export 'default' (imported as 'Vue') was not found in 'vue' (possible exports: BaseTransition, Comment, EffectScope, Fragment, KeepAlive, ReactiveEffect, .......

Isso aconteceu porque para eu fazer funcionar o VueToastify passado nessa aula, eu tive de migrar do Vue2 para o Vue3, massssssss tive esse retorno infelizmente ...

O problema acontece no arquivo main.js que hoje está na configuração abaixo, o que faço para funcionar com o Vue3 ???

Desde já totalmente agradecido mais uma vez ...

require('./bootstrap')
require('./plugins')
import Vue from 'vue'
import BaseTemplate from './layouts/BaseTemplate.vue'
import router from './routes'
import store from './store'

Vue.config.productionTip = false

new Vue({
  render: h => h(BaseTemplate),
  router,
  store
}).$mount('#app')

5 comentários

Manager Carlos Ferreira 01/05/2023

Olá, Darcio!
Tudo bem, e por ae?

Sua aplicação está com Vue 3?
Nesse caso, precisa iniciar de uma forma diferente, veja aqui:
https://github.com/especializati/vue-3-projeto-ead/blob/main/src/main.js#L1

Criador Darcio Fernandes 01/05/2023

Faaaaala meu mestre, tudo joia ???

Obrigado o retorno e tentei adequar mais ou menos dentro do que me passou com vue3 ficando assim:

require('./bootstrap')
require('./plugins')

import { createApp } from 'vue'

import App from './App.vue'
import routes from './routes'
import store from './store'

Vue.config.productionTip = false

import BaseTemplate from './layouts/BaseTemplate.vue'

createApp(App)
    .use(store)
    .use(routes)
    .use(BaseTemplate)
    .mount('#app')

Porém eu tive que criar um arquivo App.vue que não tinha dentro do .src e mesmo assim não funcionou, me espelhei no seu projeto que me deixou no link ... Estou dando esse rolê apenas por conta do vue-toastify ...

Eu fiz um downgrade voltando o projeto de Vue3 para Vue2 e aí voltou a funcionar, maissssss sem o vue-toastify ...

Como eu faço para rodar o vue-toastify no vue2 ??? Ou esse só foi feito para funcionar no vue-3 ???

Estou procurando aqui até algo semelhante e por enquanto nada até para ajudar um próximo amigo e não tomar a mesma surra que eu estou tomando por algo muito bobo ...

Obrigado de qualquer maneira

Criador Darcio Fernandes 01/05/2023

Estou tentando erros assim no console ->

warning in ./node_modules/vue-toastify/index.es.js

export 'openBlock' (imported as 'g')

warning in ./node_modules/vue-toastify/index.es.js

export 'createElementBlock' (imported as 'm')

warning in ./node_modules/vue-toastify/index.es.js

export 'createElementVNode'

Como se fosse erro no meu arquivo index.es.js que está dentro da pasta externa do node_modules ...

Criador Darcio Fernandes 01/05/2023

Bom dia Carlos, tudo bom ???

Pesquisando aqui parece que realmente há conflitos do Vue2 com o vue-toastify mesmo e sendo assim eu fui para outro caminho que funcionou e já aproveito pra compartilhar para outro aluno(a) que passar pelo mesmo problema que eu:

A Solução encontrada foi instalar o "vue-toastification"

npm install --save vue-toastification

Esse link abaixo mostra os examples e formas de como utilizar esse cara, é bem semelhante ao que o nosso professor nos abordou em aula:

https://vue-toastification.maronato.dev/

Manager Carlos Ferreira 01/05/2023

Que bom que conseguiu resolver, meus parabéns, e obrigado por compartilhar a solução! :)