山头坪工作室 2023-04-27 16:18 采纳率: 0%
浏览 59
已结题

钉钉手机端chrome69版本的不支持??和?.语法

选择的前端框架,放到钉钉手机端浏览器报错,大概率是浏览器不支持??和?.
听说babel可以把编译代码成兼容格式,小菜不知道怎么用,求指导
我已经尝试了如下操作,还是不行:
package.json


{
  "name": "yudao-ui-admin-vue3",
  "version": "1.7.2-snapshot",
  "description": "基于vue3、vite4、element-plus、typesScript",
  "author": "xingyu",
  "private": false,
  "scripts": {
    "i": "pnpm install",
    "dev": "vite --mode base",
    "front": "vite --mode front",
    "ts:check": "vue-tsc --noEmit",
    "build:pro": "node --max_old_space_size=8000 ./node_modules/vite/bin/vite.js build --mode pro",
    "build:dev": "node --max_old_space_size=8000 ./node_modules/vite/bin/vite.js build --mode dev",
    "build:stage": "node --max_old_space_size=8000 ./node_modules/vite/bin/vite.js build --mode stage",
    "build:test": "node --max_old_space_size=8000 ./node_modules/vite/bin/vite.js build --mode test",
    "build:static": "node --max_old_space_size=8000 ./node_modules/vite/bin/vite.js build --mode static",
    "build:front": "node --max_old_space_size=8000 ./node_modules/vite/bin/vite.js build --mode front",
    "serve:pro": "vite preview --mode pro",
    "serve:dev": "vite preview --mode dev",
    "serve:test": "vite preview --mode test",
    "npm:check": "npx npm-check-updates",
    "clean": "npx rimraf node_modules",
    "clean:cache": "npx rimraf node_modules/.cache",
    "lint:eslint": "eslint --fix --ext .js,.ts,.vue ./src",
    "lint:format": "prettier --write --loglevel warn \"src/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\"",
    "lint:style": "stylelint --fix \"**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/",
    "lint:lint-staged": "lint-staged -c ",
    "lint:pretty": "pretty-quick --staged"
  },
  "dependencies": {
    "@element-plus/icons-vue": "^2.1.0",
    "@form-create/designer": "^3.1.0",
    "@form-create/element-ui": "^3.1.17",
    "@iconify/iconify": "^3.1.0",
    "@videojs-player/vue": "^1.0.0",
    "@vueuse/core": "^9.13.0",
    "@wangeditor/editor": "^5.1.23",
    "@wangeditor/editor-for-vue": "^5.1.10",
    "@zxcvbn-ts/core": "^2.2.1",
    "animate.css": "^4.1.1",
    "axios": "^1.3.5",
    "benz-amr-recorder": "^1.1.5",
    "bpmn-js-token-simulation": "^0.10.0",
    "camunda-bpmn-moddle": "^7.0.1",
    "cropperjs": "^1.5.13",
    "crypto-js": "^4.1.1",
    "dayjs": "^1.11.7",
    "diagram-js": "^11.6.0",
    "echarts": "^5.4.1",
    "echarts-wordcloud": "^2.1.0",
    "element-plus": "2.3.3",
    "fast-xml-parser": "^4.1.3",
    "highlight.js": "^11.7.0",
    "intro.js": "^7.0.1",
    "jsencrypt": "^3.3.2",
    "lodash-es": "^4.17.21",
    "min-dash": "^4.0.0",
    "mitt": "^3.0.0",
    "nprogress": "^0.2.0",
    "pinia": "^2.0.34",
    "qrcode": "^1.5.1",
    "qs": "^6.11.1",
    "steady-xml": "^0.1.0",
    "url": "^0.11.0",
    "video.js": "^8.0.4",
    "vue": "3.2.47",
    "vue-i18n": "9.2.2",
    "vue-router": "^4.1.6",
    "vue-types": "^5.0.2",
    "vuedraggable": "^4.1.0",
    "web-storage-cache": "^1.1.1",
    "xe-utils": "^3.5.7",
    "xml-js": "^1.6.11"
  },
  "devDependencies": {
    "@babel/cli": "^7.21.0",
    "@babel/core": "^7.21.4",
    "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
    "@babel/preset-env": "^7.21.4",
    "@commitlint/cli": "^17.5.0",
    "@commitlint/config-conventional": "^17.4.4",
    "@iconify/json": "^2.2.38",
    "@intlify/unplugin-vue-i18n": "^0.10.0",
    "@purge-icons/generated": "^0.9.0",
    "@types/intro.js": "^5.1.1",
    "@types/lodash-es": "^4.17.7",
    "@types/node": "^18.15.5",
    "@types/nprogress": "^0.2.0",
    "@types/qrcode": "^1.5.0",
    "@types/qs": "^6.9.7",
    "@typescript-eslint/eslint-plugin": "^5.56.0",
    "@typescript-eslint/parser": "^5.56.0",
    "@vitejs/plugin-legacy": "^4.0.2",
    "@vitejs/plugin-vue": "^4.1.0",
    "@vitejs/plugin-vue-jsx": "^3.0.1",
    "@vue/cli-plugin-babel": "^5.0.8",
    "autoprefixer": "^10.4.14",
    "bpmn-js": "^8.9.0",
    "bpmn-js-properties-panel": "^0.46.0",
    "consola": "^2.15.3",
    "eslint": "^8.36.0",
    "eslint-config-prettier": "^8.8.0",
    "eslint-define-config": "^1.17.0",
    "eslint-plugin-prettier": "^4.2.1",
    "eslint-plugin-vue": "^9.9.0",
    "lint-staged": "^13.2.0",
    "postcss": "^8.4.21",
    "postcss-html": "^1.5.0",
    "postcss-scss": "^4.0.6",
    "prettier": "^2.8.6",
    "rimraf": "^4.4.1",
    "rollup": "^3.20.0",
    "sass": "^1.59.3",
    "stylelint": "^15.3.0",
    "stylelint-config-html": "^1.1.0",
    "stylelint-config-prettier": "^9.0.5",
    "stylelint-config-recommended": "^11.0.0",
    "stylelint-config-standard": "^31.0.0",
    "stylelint-order": "^6.0.3",
    "terser": "^5.16.6",
    "typescript": "5.0.2",
    "unplugin-auto-import": "^0.15.1",
    "unplugin-element-plus": "^0.7.0",
    "unplugin-vue-components": "^0.24.1",
    "vite": "4.2.1",
    "vite-plugin-compression": "^0.5.1",
    "vite-plugin-ejs": "^1.6.4",
    "vite-plugin-eslint": "^1.8.1",
    "vite-plugin-progress": "^0.0.6",
    "vite-plugin-purge-icons": "^0.9.2",
    "vite-plugin-svg-icons": "^2.0.1",
    "vite-plugin-top-level-await": "^1.3.0",
    "vite-plugin-vue-setup-extend-plus": "^0.1.0",
    "vite-plugin-windicss": "^1.8.10",
    "vue-tsc": "^1.2.0",
    "windicss": "^3.5.6"
  },
  "engines": {
    "node": ">=16.0.0"
  },
  "license": "MIT",
  "repository": {
    "type": "git",
    "url": "git+https://gitee.com/yudaocode/yudao-ui-admin-vue3"
  },
  "bugs": {
    "url": "https://gitee.com/yudaocode/yudao-ui-admin-vue3/issues"
  },
  "homepage": "https://gitee.com/yudaocode/yudao-ui-admin-vue3"
}

babel.config.json


{
  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "browsers": ["> 0.25%", "not dead"]
        }
      }
    ]
  ],
  "plugins": [
    "@babel/plugin-proposal-optional-chaining",
    "@babel/plugin-proposal-nullish-coalescing-operator"
  ]
}

然后

img

  • 写回答

3条回答 默认 最新

  • 喝茶品人生 2023-04-27 17:50
    关注

    babel确实可以,packagezhong1uzhihon,仅仅在vs上单点调试过,没有运行环境看不到具体结果:

    
    {
      "name": "yudao-ui-admin-vue3",
      "version": "1.7.2-snapshot",
      "description": "基于vue3、vite4、element-plus、typesScript",
      "author": "xingyu",
      "private": false,
      "scripts": {
        "i": "pnpm install",
        "dev": "vite --mode base",
        "front": "vite --mode front",
        "ts:check": "vue-tsc --noEmit",
        "build:pro": "node --max_old_space_size=8000 ./node_modules/vite/bin/vite.js build --mode pro",
        "build:dev": "node --max_old_space_size=8000 ./node_modules/vite/bin/vite.js build --mode dev",
        "build:stage": "node --max_old_space_size=8000 ./node_modules/vite/bin/vite.js build --mode stage",
        "build:test": "node --max_old_space_size=8000 ./node_modules/vite/bin/vite.js build --mode test",
        "build:static": "node --max_old_space_size=8000 ./node_modules/vite/bin/vite.js build --mode static",
        "build:front": "node --max_old_space_size=8000 ./node_modules/vite/bin/vite.js build --mode front",
        "serve:pro": "vite preview --mode pro",
        "serve:dev": "vite preview --mode dev",
        "serve:test": "vite preview --mode test",
        "npm:check": "npx npm-check-updates",
        "clean": "npx rimraf node_modules",
        "clean:cache": "npx rimraf node_modules/.cache",
        "lint:eslint": "eslint --fix --ext .js,.ts,.vue ./src",
        "lint:format": "prettier --write --loglevel warn \"src/**/*.{js,ts,json,tsx,css,less,scss,vue,html,md}\"",
        "lint:style": "stylelint --fix \"**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/",
        "lint:lint-staged": "lint-staged -c ",
        "lint:pretty": "pretty-quick --staged"
      },
      "dependencies": {
        "@element-plus/icons-vue": "^2.1.0",
        "@form-create/designer": "^3.1.0",
        "@form-create/element-ui": "^3.1.17",
        "@iconify/iconify": "^3.1.0",
        "@videojs-player/vue": "^1.0.0",
        "@vueuse/core": "^9.13.0",
        "@wangeditor/editor": "^5.1.23",
        "@wangeditor/editor-for-vue": "^5.1.10",
        "@zxcvbn-ts/core": "^2.2.1",
        "animate.css": "^4.1.1",
        "axios": "^1.3.5",
        "benz-amr-recorder": "^1.1.5",
        "bpmn-js-token-simulation": "^0.10.0",
        "camunda-bpmn-moddle": "^7.0.1",
        "cropperjs": "^1.5.13",
        "crypto-js": "^4.1.1",
        "dayjs": "^1.11.7",
        "diagram-js": "^11.6.0",
        "echarts": "^5.4.1",
        "echarts-wordcloud": "^2.1.0",
        "element-plus": "2.3.3",
        "fast-xml-parser": "^4.1.3",
        "highlight.js": "^11.7.0",
        "intro.js": "^7.0.1",
        "jsencrypt": "^3.3.2",
        "lodash-es": "^4.17.21",
        "min-dash": "^4.0.0",
        "mitt": "^3.0.0",
        "nprogress": "^0.2.0",
        "pinia": "^2.0.34",
        "qrcode": "^1.5.1",
        "qs": "^6.11.1",
        "steady-xml": "^0.1.0",
        "url": "^0.11.0",
        "video.js": "^8.0.4",
        "vue": "3.2.47",
        "vue-i18n": "9.2.2",
        "vue-router": "^4.1.6",
        "vue-types": "^5.0.2",
        "vuedraggable": "^4.1.0",
        "web-storage-cache": "^1.1.1",
        "xe-utils": "^3.5.7",
        "xml-js": "^1.6.11"
      },
      "devDependencies": {
        "@babel/cli": "^7.21.0",
        "@babel/core": "^7.21.4",
        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
        "@babel/plugin-proposal-optional-chaining": "^7.21.0",
        "@babel/preset-env": "^7.21.4",
        "@commitlint/cli": "^17.5.0",
        "@commitlint/config-conventional": "^17.4.4",
        "@iconify/json": "^2.2.38",
        "@intlify/unplugin-vue-i18n": "^0.10.0",
        "@purge-icons/generated": "^0.9.0",
        "@types/intro.js": "^5.1.1",
        "@types/lodash-es": "^4.17.7",
        "@types/node": "^18.15.5",
        "@types/nprogress": "^0.2.0",
        "@types/qrcode": "^1.5.0",
        "@types/qs": "^6.9.7",
        "@typescript-eslint/eslint-plugin": "^5.56.0",
        "@typescript-eslint/parser": "^5.56.0",
        "@vitejs/plugin-legacy": "^4.0.2",
        "@vitejs/plugin-vue": "^4.1.0",
        "@vitejs/plugin-vue-jsx": "^3.0.1",
        "@vue/cli-plugin-babel": "^5.0.8",
        "autoprefixer": "^10.4.14",
        "bpmn-js": "^8.9.0",
        "bpmn-js-properties-panel": "^0.46.0",
        "consola": "^2.15.3",
        "eslint": "^8.36.0",
        "eslint-config-prettier": "^8.8.0",
        "eslint-define-config": "^1.17.0",
        "eslint-plugin-prettier": "^4.2.1",
        "eslint-plugin-vue": "^9.9.0",
        "lint-staged": "^13.2.0",
        "postcss": "^8.4.21",
        "postcss-html": "^1.5.0",
        "postcss-scss": "^4.0.6",
        "prettier": "^2.8.6",
        "rimraf": "^4.4.1",
        "rollup": "^3.20.0",
        "sass": "^1.59.3",
        "stylelint": "^15.3.0",
        "stylelint-config-html": "^1.1.0",
        "stylelint-config-prettier": "^9.0.5",
        "stylelint-config-recommended": "^11.0.0",
        "stylelint-config-standard": "^31.0.0",
        "stylelint-order": "^6.0.3",
        "terser": "^5.16.6",
        "typescript": "5.0.2",
        "unplugin-auto-import": "^0.15.1",
        "unplugin-element-plus": "^0.7.0",
        "unplugin-vue-components": "^0.24.1",
        "vite": "4.2.1",
        "vite-plugin-compression": "^0.5.1",
        "vite-plugin-ejs": "^1.6.4",
        "vite-plugin-eslint": "^1.8.1",
        "vite-plugin-progress": "^0.0.6",
        "vite-plugin-purge-icons": "^0.9.2",
        "vite-plugin-svg-icons": "^2.0.1",
        "vite-plugin-top-level-await": "^1.3.0",
        "vite-plugin-vue-setup-extend-plus": "^0.1.0",
        "vite-plugin-windicss": "^1.8.10",
        "vue-tsc": "^1.2.0",
        "windicss": "^3.5.6"
      },
      "engines": {
        "node": ">=16.0.0"
      },
      "license": "MIT",
      "repository": {
        "type": "git",
        "url": "git+https://gitee.com/yudaocode/yudao-ui-admin-vue3"
      },
      "bugs": {
        "url": "https://gitee.com/yudaocode/yudao-ui-admin-vue3/issues"
      },
      "homepage": "https://gitee.com/yudaocode/yudao-ui-admin-vue3"
    }
    
    
    
    
    评论 编辑记录

报告相同问题?

问题事件

  • 系统已结题 5月5日
  • 创建了问题 4月27日

悬赏问题

  • ¥15 c语言怎么用printf(“\b \b”)与getch()实现黑框里写入与删除?
  • ¥20 怎么用dlib库的算法识别小麦病虫害
  • ¥15 华为ensp模拟器中S5700交换机在配置过程中老是反复重启
  • ¥15 java写代码遇到问题,求帮助
  • ¥15 uniapp uview http 如何实现统一的请求异常信息提示?
  • ¥15 有了解d3和topogram.js库的吗?有偿请教
  • ¥100 任意维数的K均值聚类
  • ¥15 stamps做sbas-insar,时序沉降图怎么画
  • ¥15 买了个传感器,根据商家发的代码和步骤使用但是代码报错了不会改,有没有人可以看看
  • ¥15 关于#Java#的问题,如何解决?