记一次兼容Chrome44（谷歌44）的开发--环境总览

本文链接：https://blog.youkuaiyun.com/weixin_44824290/article/details/130195825

文章描述了一个使用Vue2.6.14和AntDesignVue1.7.8的开发环境中遇到的问题，具体是虚拟机中安装的Node.js和npm版本过高导致的失效。开发者在Windows10系统上使用VMware虚拟机运行Win7，配合VSCode、Chrome以及特定版本的npm和git进行开发。解决方案未在正文给出，但提到了package.json文件的配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发环境：

语言&UI框架

vue2.6.14
ant-design-vue1.7.8

硬件：

处理器 12th Gen Inter(R) Core(TM) i5-12500 3.00 GHz
系统 Windows 10家庭版
操作系统版本 19042.685

软件：

vm虚拟机
win7
vscode(win7版本V1.70.2)
Chrome44浏览器
node(V14.15.0)
npm(6.14.8)
git(2.40.0)
nvm(直接安装node和npm就不需要nvm)

遇到的问题：

虚拟机安装失败
node、npm版本过高无效

解决方法请看

package.json：

{
  "name": "test",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
    "@babel/plugin-transform-arrow-functions": "^7.20.7",
    "@babel/preset-env": "^7.21.4",
    "animate.css": "^4.1.1",
    "ant-design-vue": "1.7.8",
    "axios": "0.19.2",
    "babel-polyfill": "^6.26.0",
    "core-js": "^3.8.3",
    "less": "^2.5.0",
    "less-loader": "^5.0.0",
    "regenerator-runtime": "^0.13.11",
    "tykw-modal": "0.1.1",
    "vue": "^2.6.14",
    "vue-router": "^3.2.0",
    "vuex": "^3.4.0"
  },
  "devDependencies": {
    "@babel/core": "^7.12.16",
    "@babel/eslint-parser": "^7.12.16",
    "@babel/polyfill": "^7.12.1",
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-eslint": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "babel-plugin-import": "^1.13.6",
    "eslint": "^7.32.0",
    "eslint-plugin-vue": "^7.15.0",
    "vue-template-compiler": "^2.6.14"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "@babel/eslint-parser"
    },
    "rules": {
      "no-unused-vars": 0,
      "no-debugger": "off",
      "no-console": "off"
    }
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead",
    "Chrome > 40"
  ]
}