Wechat opens the blank space on the pc side of vue-cli3.0.

< H2 > problem description < / H2 >

vue-cli3.0 opens blank space on pc and can be opened normally on Android ios in browser

Wechat on pc does not seem to support es6 syntax

< H2 > the environmental background of the problem and what methods you have tried < / H2 >

attempted babel compilation was not successful
attempts to restore to an earlier version of vue server babel failed

related codes

{
  "name": "vue-base",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@babel/polyfill": "^7.0.0",
    "@sentry/browser": "4.3.4",
    "axios": "^0.18.0",
    "qs": "^6.5.2",
    "raven-js": "^3.27.0",
    "swiper": "^4.4.2",
    "vue": "^2.5.17",
    "vue-awesome-swiper": "^3.1.3",
    "vue-axios": "^2.1.4",
    "vue-router": "^3.0.1",
    "vuex": "^3.0.1",
    "weixin-js-sdk": "^1.4.0-test",
    "ydui-district": "^1.1.0"
  },
  "devDependencies": {
    "@sentry/webpack-plugin": "^1.6.1",
    "@vue/cli-plugin-babel": "^3.1.1",
    "@vue/cli-plugin-eslint": "^3.1.1",
    "@vue/cli-service": "^3.1.1",
    "@vue/eslint-config-airbnb": "^4.0.0",
    "babel-eslint": "^10.0.1",
    "babel-polyfill": "^6.26.0",
    "eslint": "^5.8.0",
    "eslint-plugin-vue": "^5.0.0-0",
    "husky": "^1.1.3",   
    "vue-template-compiler": "^2.5.17"
  }
}

main package versions currently in use

< H2 > what result do you expect? What is the error message actually seen? < / H2 >

it is expected that Wechat on the PC can visit

normally.
Dec.27,2021

install vConsole look at the specific error message


download the same version of the browser version as Wechat and debug it. ~ Google Chrome v39.0.2171.99

Menu