vue 启动报错Cannot find module 'webpack-cli/bin/config-yargs' Vue启动报错 Error: listen EADDRNOTAVAIL_vue3 + typescript error when starting dev server: -CSDN博客

本文详细记录了解决npmrundev命令执行时出现的问题，主要原因是webpack3.x与webpack-dev-server3.x版本不兼容。通过卸载并重新安装指定版本的webpack-dev-server@2.6.9，以及修改配置文件中的host为动态获取本机IP地址的方法，成功解决了该问题。

记录npm run dev问题查找再三，是有内鬼。

webpack3.x的版本与webpack-dev-server3.x 的版本不兼容。

在package.json文件中看到，以下是我用的两个不兼容的版本，所以会报错：

解决方法：

卸载局部或者全局 webpack-dev-server

npm uninstall webpack-dev-server -g 卸载全局
npm uninstall webpack-dev-server -D 卸载局部(本地)

安装指定版本的 webpack-dev-server@2.6.9

npm i webpack-dev-server@2.6.9 -D 本地安装

然后执行命令 npm run dev

分割线------------------------------------------------------------------

一般没问题就没事，但是我这里出现了问题

报错

Error: listen EADDRNOTAVAIL 192.168.199.123:8081

我们打开 config 文件下的index.js看到 host写死了 ip出了问题

我是这样解决的

/*
  获取本机ip
*/
function getIPAddress(){
  var interfaces = require('os').networkInterfaces();
  for(var devName in interfaces) {
      var iface = interfaces[devName];
      for(var i = 0; i<iface.length; i++) {
          var alias = iface[i];
          if (alias.family === 'IPv4' && alias.address !== '127.0.0.1' && !alias.internal) {
              return alias.address;
          }
      }
  }
}

然后host 引入函数完成！