How to solve the problem that vue is blank in ie9?

when a project deals with compatibility, it is found that the bottom of ie9 is blank, which is written like this after Baidu.
I first installed babel-polyfill
in npm, and then it is like this in package.json

.
"dependencies"{ "babel-polyfill": "^6.26.0" } 
"devDependencies": {"babel-polyfill": "^6.22.0"}

and then introduce

into main.js.
                import "babel-polyfill"
                require("babel-polyfill");

modify

in the webpack.dev.base.conf.js file under the build folder
 module.exports = {
  entry: {
  //  app: "./src/main.js"
    app: ["babel-polyfill", "./src/main.js"]
  },      
}       

finally add

to index.html
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 

package and then it still doesn"t display properly in ie9 and 10. This is how an error is reported


.

then check it in the js file I wrote, and there is no missing; this error has not been effectively resolved, this error is only under ie9 and ie10 and does not display the page properly, other browsers are normal, if possible, please take a look at it, thank you for your patient answer

Mar.16,2021

if blank, check the console to see if there is anything wrong.

Menu