R
R
Ruslan2019-02-06 11:45:28
Vue.js
Ruslan, 2019-02-06 11:45:28

How to perform compilation diagnostics on a vue project?

Hello.
There is a problem, the simplest application consisting of several elements does not work in IE11, although the documentation for vue states that it is supported with polyfills.
After compiling the project and opening the page (index.html), the application does not work in IE11, it works in google chrome.
Obviously, the polyfills didn't process the sources so that IE11 could run the application.
Question: what way to go to find out if everything is in order.
I "understand" (although I don't really believe it), the vue-cli that I use is a magical tool that itself (!?) should do everything I need to do. But since I didn’t achieve the desired result, it means that something is wrong in the configs.
For example, it is not clear from the documentation:
- what npm packages should be installed in the project?
- where you need to specify browser compatibility: in the ".browserlistrc" file, in the " "browserslist" parameter of the package.json file, in the "babel.config.js" file, or somewhere else.
- how exactly you need to specify that you need compatibility with ie11?
So far there are a lot of questions and there is no clear scheme of what vue.exe does when compiling. Is there any intelligible documentation (other than sources) of how this process is performed?
PS.
In the project folder, I used the command: npx browserslist
As a result, I got a large list of browsers, including
ie 11
ie 10
(is the output of this command a confirmation that the compiled vue application will be supported by the respective browsers)
but in IE11 the application does not run at all, but there is a ""Symbol" is not defined" error in lang.js in the console. Is this how it should be or is it a bug?

Answer the question

In order to leave comments, you need to log in

1 answer(s)
G
grinat, 2019-02-06
@grinat

in the console there is an error ""Symbol" is not defined" in lang.js. Is this how it should be or is it a bug?

Promise-only polyfill is enabled by default: https://cli.vuejs.org/ru/guide/browser-compatibili... add the rest yourself:
Those. in babel.config.js in main.js at the very top import '@babel/polyfill'

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question