![](/img/trans.png)
[英]NUXTJS Issue in IE11/Edge When Utilizing 3rd Party Library with Spread Operator
[英]nuxtjs issue with IE11 compatibility_ object assign
IE兼容性使我受苦。 (我的vue版本是3.1.0,nuxt是2.3.4)
它使Object.assign
保持错误。 这是我尝试过的清单。
babel-preset-vue-app( https://www.npmjs.com/package/babel-preset-vue-app )。 听说它不支持vue2.X。 我按照这篇文章的描述。 构建源代码时出错。
在nuxt.config.js
添加babel- nuxt.config.js
。 它没有错误,但是在页面上仍然出现Object.assign错误。
安装babel/plugin-transform-object-assign
。 它也不会在构建过程中犯任何错误,但是在页面中有对象分配的东西。
有什么我可以尝试兼容IE11的选项吗?
这是我当前的.babelrc
和nuxt.config.js
。
.babelrc
{
"presets": [
[
"env",
{
"modules": false
}
],
[ "vue-app",
{
"useBuiltIns": true,
"targets": {
"ie": 9,
"uglify": true
}
}
]
],
"plugins": [
"@babel/plugin-transform-object-assign",
"transform-vue-jsx",
[
"module-resolver",
{
"root": [
"./src"
],
"alias": {
"~sbdc": "./src/sbdc"
}
}
]
]
}
nuxt.config.js中的构建选项
build: {
babel: {
presets: [
['vue-app', {
useBuiltIns: true,
targets: { ie: 9, uglify: true }
}
]
]
},
optimization: {
splitChunks: {
chunks: 'all',
maxInitialRequests: Infinity,
minSize: 0,
cacheGroups: {
vendor: {
test: /[\\/]node_modules[\\/](babel-polyfill|moment|lodash|axios|get-size|jquery|js-cookie|jwt-decode|numeral|vuetify)[\\/]/,
name: 'utilityVendor'
}
}
}
},
output: {
publicPath: serviceConfig.pwa_publicPath || false
},
extractCSS: true,
plugins: [
new webpack.ProvidePlugin( {
$: 'jquery',
jQuery: 'jquery',
'window.jQuery': 'jquery',
} )
]
}
感谢您分享解决方案!
=======编辑于0114 ============
Etra信息#1。 当我在ie11浏览器上查看错误时,它将自动转换如下代码
return {layout:"popup",data:[{resultBody:Object.assign(Object.create(null), ... sorry, sensitive data
而原始代码是...
asyncData: async function ({req}) {
return {
resultBody: req.body,
};
},
req.body
由body-parser
支持。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.