Typescript Error - Cannot use namespace 'swal' as a type about vue-sweetalert2

[avil13]

Can you give me your tsconfig.json?

[LuckyURE]

Sure, here it is: { "compilerOptions": { "target": "esnext", "module": "esnext", "strict": true, "jsx": "preserve", "importHelpers": true, "moduleResolution": "node", "experimentalDecorators": true, "esModuleInterop": true, "allowSyntheticDefaultImports": true, "sourceMap": true, "baseUrl": ".", "types": [ "webpack-env" ], "paths": { "@/*": [ "src/*" ] }, "lib": [ "esnext", "dom", "dom.iterable", "scripthost" ] }, "include": [ "src/**/*.ts", "src/**/*.tsx", "src/**/*.vue", "tests/**/*.ts", "tests/**/*.tsx" ], "exclude": [ "node_modules" ] }

…

On Tue, Oct 30, 2018 at 4:57 AM Aleksey Pivkin ***@***.***> wrote: Can you give me your tsconfig.json? — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#26 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABmS6JwU0_e8qGGFo3CjntfbLaiSx9xsks5uqCKYgaJpZM4X6eZx> .

[avil13]

Sorry for the wait.
Because of what the tests broke and I thought that this could affect your issue.
You can look at this example.

Pay attention to webpack.config.js and the file tsconfig.json.

https://github.com/avil13/vue-sweetalert2/tree/master/example

[dukemike]

@LuckyURE, did you resolve this? I'm getting the same and my tsconfig.json looks right to me but I'm far from an expert.

[LuckyURE]

Hi Mike, no didn't really try.. switched to a different library that works just fine for my needs 'unfortunately'.

…

On Tue, Dec 11, 2018 at 1:21 PM Mike Revoir ***@***.***> wrote: @LuckyURE <https://github.com/LuckyURE>, did you resolve this? I'm getting the same and my tsconfig.json looks right to me but I'm far from an expert. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#26 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABmS6CSf6Zk_mTDVe0fhuTgZo52SucMUks5u4AWxgaJpZM4X6eZx> .

[avil13]

@dukemike Try version 1.5.11, please.
I want to correct this error, this is a matter of principle.

[dukemike]

@avil13 Sorry for the delayed response. I created a new project using Vue CLI 3, added [email protected] and the sample code into the App.vue.

When using, this.$swal, I receive the Javascript error Cannot read property '$swal' of null when clicking the button. When attempting to use Vue.swal() yarn fails with Property 'swal' does not exist on type 'VueConstructor<Vue>'..

What can I do to help?

package.json.txt
tsconfig.json.txt
App.vue.txt

[avil13]

@dukemike fixed in 1.6.3.
Thank you.

P.S.
Don't forget to add in main.ts

import VueSweetalert2 from 'vue-sweetalert2';
Vue.use(VueSweetalert2);

[dukemike]

Thanks!