本人遇到的問題是因?yàn)楣雀璧桶姹静患嫒輰?dǎo)致的,并不說明所有這個(gè)問題都出自版本不兼容。
1.在vite.config.js中添加
export default deFineConfig({
......
......
target:['chrome52','esnext'],
cssTarget:['chrome52']
})
2.新增.babelrc文件?與vite.config.js同級,內(nèi)容如下
{
"presets":['@babel/preset-env'],
"plugins":['@babel/plugin-transform-runtime']
}
3.新增babel.config.js文件,與vite.config.js同級,內(nèi)容如下
module.exports = {
presets:[
[
"@vue/app",
{
useBuiltIns:"entry",
polyfills:["es6.promise","es6.symbol"]
},
],
[
"babel/preset-env",
{
modules:false,
useBuiltIns:"entry",
corejs:2,
},
],
],
};
4.main.js中添加
import "babel/polyfill"; //請把這個(gè)寫在第一行
import Es6Promise from "es6-promise";
Es6Promise.polyfill();
5.下載對應(yīng)的插件包
yarn add @babel/plugin-transform-runtime
yarn add @babel/polyfill
yarn add @babel/preset-env
yarn add es6-promise
文章來源地址http://www.zghlxwxcb.cn/news/detail-820166.html
文章來源:http://www.zghlxwxcb.cn/news/detail-820166.html
到了這里,關(guān)于vite打包后線上環(huán)境打開白屏,控制臺顯示SyntaxError: Unexpected token ‘.‘問題的文章就介紹完了。如果您還想了解更多內(nèi)容,請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!