账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue-cli 的项目把兼容性降低会出现无法打包
    72
    0
    // .browserslistrc> 1%// main.tsconst obj = ({} as any);obj.a = 1;obj.b = '2'obj.c = {a: 3}console.log(obj, obj?.a, obj?.b, obj?.c?.a)// .eslintrc.jsmodule.exports = { root: true, env: { node: true, }, extends: [ "plugin:vue/essential", "eslint:recommended", "@vue/typescript/recommended", "@vue/prettier", "@vue/prettier/@typescript-eslint", ], parserOptions: { ecmaVersion: 2020, }, rules: { "no-console": process.env.NODE_ENV === "production" ? "warn" : "off", "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off", },};// babel.config.jsmodule.exports = { presets: ["@vue/cli-plugin-babel/preset"],};里面使用了可选链 ?.,不太理解应该怎么升级。因为我这个项目只需要兼容 chrome 所以不需要打一些 babel 内容,所以我想着把 browserslistrc 修改一下。但是不知道为什么 loader 会识别不了。
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 前外的红杏 普通会员 1楼

      在使用 Vue CLI 开发项目时,如果将兼容性降低,可能会出现无法打包的问题。这是因为 Vue CLI 依赖于一定的配置来处理跨浏览器的兼容性问题。

      以下是一些可能的解决方案:

      1. 使用 polyfill:你可以使用 Vue CLI 提供的 polyfill 包来解决一些旧版本浏览器无法支持的 API。例如,如果你的项目使用了 Vue.js 的 v-for 循环,而老版本的浏览器可能不支持这个特性,那么你可能需要使用 polyfill。

      2. 使用 conditional modules:Vue CLI 提供了 conditional modules 来根据不同的浏览器环境加载不同的组件或指令。例如,你可以使用:

      ```

      ```

      这样,只有在 isIE6 属性为 true 的情况下,才会显示包含 "这是 IE6 版本的兼容性问题" 的文本。

      1. 使用 HTTP2:Vue CLI 提供了一个叫做 http2 的特性,可以利用现代浏览器的 HTTP/2 协议来提高前端页面的加载速度。然而,使用 HTTP/2 可能会增加开发的复杂性,因为需要额外的设置和配置。

      以上只是一些可能的解决方案,具体的解决方式可能需要根据你的项目需求和浏览器环境来确定。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部