今天在webstorm敲代码解决package.json文件出错的问题

          我在敲项目的前端页面时，由于想尝试下本地部署想讲前端项目打包出来所以在webstorm的终端里添加了webpack打包工具，并且下载升级了相关的依赖，结果打包项目没完成，在npm run

serve前端项目的时候反而报错，提示我waring丢失了几个依赖，到这儿我基本就怀疑是packge.json文件出问题了，下面是我的package.json文件的代码

{
  "name": "shengdazhuche",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
  "dependencies": {
    "core-js": "^3.6.5",
    "vue": "^3.0.0",
    "webpack": "^5.83.1"
  },
  "devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.13",
    "@vue/cli-plugin-eslint": "~4.5.13",
    "@vue/cli-service": "~4.5.13",
    "@vue/compiler-sfc": "^3.0.0",
    "babel-eslint": "^10.1.0",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^7.0.0"
  },
  "eslintConfig": {
    "root": true,
    "env": {
      "node": true
    },
    "extends": [
      "plugin:vue/vue3-essential",
      "eslint:recommended"
    ],
    "parserOptions": {
      "parser": "babel-eslint"
    },
    "rules": {}
  },
  "browserslist": [
    "> 1%",
    "last 2 versions",
    "not dead"
  ]
}

 当我运行npm run serve的时候问你出来了，项目又又又又出问题了，login界面出不来是一片空白！

这个时候我们要去看下package.json文件我们在工具终端里输入npm -g depceck全局安装一下这个工具，

接着切换到需要检查的项目的目录

 接着终端输入命令depckeck --version查看版本,看到当前的版本是8.0，

接着输入depcheck命令就会显示出我们缺失的依赖

 ，接着我们根据提示文件查找补全package.json文件

最后项目成功的跑起来啦！

                                                                        by   阿熊，抖音号1191490896

感谢大家的关注~！