vue打包后 为什么qq浏览器可以访问,吃么浏览器就白屏
时间: 2023-08-18 12:04:15 浏览: 151
在 Vue 打包后,出现在某些浏览器中白屏的情况,可能是因为这些浏览器不支持 ES6 语法或者不支持某些新特性。而 QQ 浏览器可能支持这些特性,所以可以正常访问。
为了解决这个问题,可以尝试使用 babel 编译器来将 ES6 语法转换为 ES5 语法,这样就可以在不支持 ES6 的浏览器中运行。可以在项目中安装 babel 编译器和相应的插件,并在项目的配置文件中进行配置。
另外,也可以在 Vue CLI 的配置文件中进行相关的配置。可以在 vue.config.js 文件中添加以下代码:
```javascript
module.exports = {
transpileDependencies: ['vue'],
configureWebpack: {
module: {
rules: [
{
test: /\.js$/,
loader: 'babel-loader',
exclude: /node_modules/
}
]
}
}
}
```
其中,transpileDependencies 配置项是为了让 babel 转译 node_modules 中的依赖,而 configureWebpack 配置项则是让 Webpack 在打包时使用 babel-loader 来转译 JavaScript 文件。通过以上的配置,就可以解决在某些浏览器中出现白屏的问题。
阅读全文