npm run dev启动报错：TypeError: Cannot read property 'upgrade' of undefined

王小婷

发布于 2021-11-24 13:55:03

5.4K0

发布于 2021-11-24 13:55:03

图片.png

PS C:\Users\wangting\Desktop\eladmin-web-master\eladmin-web-master> npm run dev 

> eladmin-web@2.6.0 dev C:\Users\wangting\Desktop\eladmin-web-master\eladmin-web-master
> vue-cli-service serve

 INFO  Starting development server...
 10% building 2/2 modules 0 active ERROR  TypeError: Cannot read property 'upgrade' of undefined
TypeError: Cannot read property 'upgrade' of undefined
    at Server.<anonymous> (C:\Users\wangting\Desktop\eladmin-web-master\eladmin-web-master\node_modules\_webpack-dev-server@3.11.2@webpack-dev-server\lib\Server.js:135:47)
    at Array.forEach (<anonymous>)
    at new Server (C:\Users\wangting\Desktop\eladmin-web-master\eladmin-web-master\node_modules\_webpack-dev-server@3.11.2@webpack-dev-server\lib\Server.js:134:27)
    at serve (C:\Users\wangting\Desktop\eladmin-web-master\eladmin-web-master\node_modules\_@vue_cli-service@3.5.3@@vue\cli-service\lib\commands\serve.js:137:20)
    at processTicksAndRejections (internal/process/task_queues.js:97:5)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! eladmin-web@2.6.0 dev: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the eladmin-web@2.6.0 dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\wangting\AppData\Roaming\npm-cache\_logs\2021-08-03T08_25_42_384Z-debug.log

问题：

描述：给vue项目增加了本地代理，也就是给vue.config.js增加了devServer之后，启动项目报错：Vue ERROR TypeError: Cannot read property ‘upgrade’ of undefined

这个错误实际上时因为代理地址为空导致的，检查后发现proxy属性中的target的值为空，没有填入，填入后解决错误！

解决：

打开vue.config.js文件：

  proxy: {
      '/api': {
        target: process.env.VUE_APP_BASE_API,
        changeOrigin: true,
        pathRewrite: {
          '^/api': 'api'
        }
      },
      '/check': {
        target: process.env.VUE_APP_BASE_API,
        changeOrigin: true,
        pathRewrite: {
          '^/check': 'check'
        }
      }
    }

在查看一下 .env.development文件（开发环境）和 .env.production文件（生产环境）