即使提供了polyfill配置,IE也会返回黑屏

问题描述 投票:0回答:1

[嗨,我已经使用vue构建了一个Web组件。它在chrome中运行良好。但是它在IE 11中返回了黑屏。我已经给出了babel configuaration。我认为问题是箭头运算符没有被编译。

package.json

{
“name”: “web-component-project”,
“version”: “0.1.0”,
“private”: true,
“scripts”: {
“serve”: “vue-cli-service serve”,
“build”: “vue-cli-service build”,
“build:prod”: “vue-cli-service build --target wc --name email-compose ./src/views/EmailCompose.vue”
},
“dependencies”: {
“axios”: “^0.19.2”,
“babel-core”: “^6.26.3”,
“babel-loader”: “^8.0.6”,
“babel-polyfill”: “^6.26.0”,
“babel-preset-es2015”: “^6.24.1”,
“babel-preset-stage-2”: “^6.24.1”,
“core-js”: “^3.6.4”,
“cors”: “^2.8.5”,
“dotenv”: “^8.2.0”,
“express”: “^4.17.1”,
“query-string”: “^5.1.1”,
“vue”: “^2.6.11”,
“webcomponentsjs”: “^1.0.2”
},
“devDependencies”: {
“@babel/preset-env”: “^7.8.4”,
“@vue/cli-plugin-babel”: “~4.2.0”,
“@vue/cli-service”: “~4.2.0”,
“@webcomponents/webcomponentsjs”: “^2.4.2”,
“copy-webpack-plugin”: “^5.1.1”,
“vue-template-compiler”: “^2.6.11”,
“webpack-cli”: “^3.3.11”
}
}

babel.config.js

module.exports = {
presets: [
[’@vue/app’, {
polyfills: [
‘es6.promise’, // already default included now
‘es6.array.iterator’, // already default included now
‘es6.symbol’,
‘es6.object.assign’
]
}]
]
}

这是由于vue-wc-wrapper.js吗?我应该添加它来转换依赖吗?

vuejs2 internet-explorer-11 web-component babel-polyfill
1个回答
0
投票

完美的这里,我找到了我想要的东西,不要忘记使用CorelDraw Coupon code来节省最好的金额。

© www.soinside.com 2019 - 2024. All rights reserved.