vite项目启动报错 Error: getaddrinfo ENOTFOUND localhost

818 阅读1分钟

用vite搭建vue3项目

vite官网:vitejs.cn/vite3-cn/

Vite构建Vue3项目的好处如下:

服务启动更快: Vite通过在一开始将应用中的模块区分为依赖和源码两类,改进了开发服务器启动时间。

服务热更新更快: Vite能精准定位到改动的文件,并且无论应用程序大小如何,都能稳定地快速更新。

此外,Vite构建Vue3项目还有减少配置、提供热模块替换等好处

通过vite创建vue3项目

- npm create vite@latest
- cd vite-project
- npm install
- npm run dev

image.png

启动报错 缺少localhost问题

getaddrinfo ENOTFOUND localhost 通常意味着你的系统无法解析 localhost 这个域名。这可能是由于多种原因,包括网络配置问题、本地hosts文件配置错误、或者某些安全软件(如防火墙)阻止了对localhost的访问。

image.png

解决方案

mac:当前目录下执行
sudo vim /etc/hosts
password:***
按 i   编辑
按 esc 退出编辑
按 :wq 保存  (:q 退出程序 & w表示保存文件)

image.png

启动报错 sh: vue-cli-service command not found

应该是依赖lock找不到Vue-cli工具

image.png 解决方案

执行命令,重新安装依赖成功后在运行,就可以跑起来

mac:当前目录下执行
sudo rm -rf node_modules package-lock.json && npm install
password:***

image.png

启动成功

image.png image.png