Problem:
The page enters the system, the login page cannot be loaded, the page is blank, the ie browser opens f12, app.js reports an error script1003, missing: Reason: At this time,
trace
the error message from the page, and you can see the error message prompting view-design Icon Some are es6 grammars, which are not supported by ie browsers, data(){}, the reason why no function is added
Solution:
1. Introduce polyfill
2. Add
entry in webpack configuration: { app: [“babel-polyfill”, "./src/main.js"] }, { test: /.js$/, loader: 'babel-loader', include: [ resolve('src'), resolve('test'), resolve('node_modules /view-design/src'), resolve('/node_modules/[email protected]@view-design/src'), //Here is the key point, the version number should be consistent with your own local one, there was no such thing before sentence, resulting in constant error ] }, 3. Add configuration "env" in .babelrc : { "test": { "presets": ["env", "stage-2"],
“plugins”: [“transform-vue-jsx”, “transform-es2015-modules-commonjs”, “dynamic-import-node”]
}
},
After the above steps, the configuration can be completed and the ie browser compatibility problem can be solved