I'm trying to run my new webpage in IE11 (testing the compatibility across browsers) and I have an error in console log, and got a blank page for any route.
I'm using webpack, running: npm run build. To be able to see the code, I disabled the UglifyJSPlugin In Chrome there were no errors, and the pages appeared correctly. But in IE11 I got the following error:
SCRIPT1028: Expected identifier, string or number
File: build.js, Line: 828, Column: 7
When I clicked on the Line / Column, it appeared the following code:
...
"use strict";
/*
* SSR Safe Client Side ID attribute generation
*
*/
/* harmony default export */ __webpack_exports__["a"] = ({
props: {
id: {
type: String,
default: null // This is the line of the error
}
},
methods: {
safeId: function safeId() {
var suffix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
var id = this.id || this.localId_ || null;
if (!id) {
return null;
}
suffix = String(suffix).replace(/\s+/g, '_');
return suffix ? id + '_' + suffix : id;
}
},
computed: {
localId_: function localId_() {
if (!this.$isServer && !this.id && typeof this._uid !== 'undefined') {
return '__BVID__' + this._uid;
}
}
}
});
...
I do not know what's happening and why IE11 I'm having a blank page instead of the correct pages. I have already tried to use babel-polyfill, so my webpak.config.js starts with:
var path = require('path')
var webpack = require('webpack')
module.exports = {
entry: {
app: ['babel-polyfill','./src/main.js']
},
...
and I tryed to import es6-promise too, in my main.js:
import 'es6-promise/auto'
Now, I'm really lost. Could someone help me?