vue-snotify | Vuejs 2 Notification Center | Notification library

I have generated sample Vue.js project using vue-cli and built it by

I'm using the latest Webpack, Babel and Babel-Loader in my Vue.js app.

I'm trying to have my code run on IE 8, 9 and 10 but it doesn't.

The problem is that IE10 and under complain that const is invalid syntax. I can see that this is coming from my vendors~index.bundle.js file. This file contains code that isn't mine.

In particular, I can see that the const is from a Vue addon that I'm using called vue-snotify.

Why isn't babel converting my vendor code to be valid for IE10 and under?

I tried to implement tabs to my component. Tabs can't be displayed. I took the same example from https://vuetifyjs.com/en/components/tabs TypeError: this.$parent.addTab is not a function error is logged on console. I upgraded the vuetify version but it isn't working. What could be the problem? Component content is below.

My Vue HOT MODULE REPLACEMENT (HMR) not working. What I have and what I do:

• local server on http:\db7\ on port 80 on Windows 10 (xampp with php 7.2.6)
• laravel latest version with composer install and npm install
• next package.json: { "private": true, "scripts": { "dev": "npm run development", "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "watch-poll": "npm run watch -- --watch-poll", "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js", "prod": "npm run production", "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js", "live": "cross-env NODE_ENV=development webpack-dev-server --open --hot" }, "devDependencies": { "axios": "^0.18", "bootstrap": "^4.1.1", "cross-env": "^5.2.0", "jquery": "^3.2", "laravel-mix": "^2.0", "lodash": "^4.17.10", "popper.js": "^1.14.3", "vue": "^2.5.7" }, "dependencies": { "ajv": "^6.5.1", "bootstrap-datepicker": "^1.8.0", "js-cookie": "^2.2.0", "moment": "^2.22.2", "vue-flatpickr-component": "^7.0.4", "vue-router": "^3.0.1", "vue-snotify": "^3.1.0", "vuex": "^3.0.1" } }
• in laravel template (blade) I have and when I opening page and look page code I see . When npm run hot I can see my js if open localhost:8080//js/app.js manualy from browser. I'm try write url manualy in template too - . The same result.
• When npm run hot NOT runing netstat -ano | findstr 8080 in cmd clear - so, the 8080 port is not using. When npm run hotis runing - 8080 is LISTENING.
• When I run npm run hot and reload page with appliccation in console no any messages like "HMR is running" and e.t.c.
• When I do any changes in my Vue components I see, that "Compiled successfully" in my PHPStorm console, but in browser no any changes. And more - there are no any changes, if I reload page with ctrl+f5 or open page in chrome incognito mode. There are no any changes in app.js if I reopen localhost:8080//js/app.js in browser manualy too.

• My webpack.mix.js in laravel root folder:

  let mix = require('laravel-mix');

  mix.js('resources/assets/js/app.js', 'public/js') .sass('resources/assets/sass/app.scss', 'public/css');

Step by step:

1. Install fresh laravel composer create-project --prefer-dist laravel/laravel blog
2. npm i
3. npm run dev
4. Open resources\views\welcome.blade.php remove all between and add next (see on the bottom)
5. Check in chrome http://blog/public/. I can see 'Example Component'.
6. Open chrome DevTools on page and open console in it.
7. In cmd on project folder run npm run hot and wait for compiling
8. Hard reload page on chrome (ctrl+f5). In console I see only next. No HRM.
9. Try to change vue component. In resources\assets\js\components\ExampleComponent.vue add any symbol to html code in template and check chrome page - no any chages. Hard reload page - no any changes!
10. I do not do more than described above

Code for #4

I'm using vue class component with typescript and I need to augment the types to use a third party module.

component

I use VueJS 2, VueX, NuxtJS and Vue-Snotify (artemsky/vue-snotify) for flash notifications.

It may not be the correct use of VueX, but I'd like to dispatch the errors caught in a try/catch.

How to implement Promise in this Axios POST request for Vue-Snotify? This is my Axios post request: