Ionic-framework: "export 'Ionic' was not found in '@ionic/vue'

[brylie]

Bug Report

Ionic version:
[x] 4.x

Current behavior:
When trying to load the Ionic plugin in a Vue project, I get the following error during the build process:

"export 'Ionic' was not found in '@ionic/vue'

Expected behavior:
I expected the instructions in the project README to work.

Steps to reproduce:

1. Open an existing Vue.js project
2. run npm install @ionic/vue --save
3. add the following to main.js:

...
import Ionic from '@ionic/vue';

Vue.use(Ionic);
...

[brylie]

Ah, the difference was that I was using code from the introductory blog post:

...
import { Ionic } from '@ionic/vue';
...

The destructuring doesn't work now. Perhaps it would be good to update the blog post, as it is currently a primary way to find out about this project?

[davidquon]

@brylie How did you fix this?

[davidquon]

Ah nm. Changing from:

import { Ionic } from '@ionic/vue';

to:

import Ionic from '@ionic/vue';

Fixed the error:

"export 'Ionic' was not found in '@ionic/vue'

[hhalmeida]

@brylie and @davidquon, yours fixed this error?

Check the version, @ionic/vue is 0.0.4 version, and here function:
import Ionic from '@ionic/vue'
Vue.use(Ionic)

[davidquon]

Yeah what I posted in https://github.com/ionic-team/ionic/issues/17607#issuecomment-468487636 fixed the error for me. At the time I was using "@ionic/vue": "0.0.1" just as a proof of concept for using Vue with Ionic. Since then I see it's gone to Beta. 👍

[hhalmeida]

Wow, this is incredible, @davidquon ...
@mhartington , I think this question can already be closed
This problem is solved.

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.