当前位置: 首页 > news >正文

运行前端项目报错解决方法

在运行项目是npm run dev
运行到最后报一下错误

DONE  Compiled successfully in 11178ms                                  
  App running at:
  - Local:   http://localhost:80
  - Network: unavailable

  Note that the development build is not optimized.
  To create a production build, run npm run build.

events.js:292
      throw er; // Unhandled 'error' event
      ^

Error: spawn cmd ENOENT
    at Process.ChildProcess._handle.onexit (internal/child_process.js:269:19)
    at onErrorNT (internal/child_process.js:465:16)
    at processTicksAndRejections (internal/process/task_queues.js:80:21)
Emitted 'error' event on ChildProcess instance at:
    at Process.ChildProcess._handle.onexit (internal/child_process.js:275:12)
    at onErrorNT (internal/child_process.js:465:16)
    at processTicksAndRejections (internal/process/task_queues.js:80:21) {
  errno: -4058,
  code: 'ENOENT',
  syscall: 'spawn cmd',
  path: 'cmd',
  spawnargs: [ '/c', 'start', '""', '/b', 'http://localhost:80' ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! app@0.1.0 serve: `vue-cli-service serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the app@0.1.0 serve 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!     D:\node\node_cache\_logs\2020-12-19T07_42_04_693Z-debug.log

解决方法:
原因: 电脑缺少cmd运行程序的环境变量
按如图设置cmd的环境变量,然后重启vscode即可。
在这里插入图片描述
解决 Network: unavailable
在vite.config.js

module.exports = {

    configureWebpack: {

        // other webpack options to merge in ...

    },

    // devServer Options don't belong into `configureWebpack`

    devServer: {

        public: '197.10.59.150:8080',//这里的ip地址换成本机的ip地址

        hot: true,

        disableHostCheck: true,

    }



};

相关文章:

  • Redis原理:watch命令
  • springboot启动事件CommandLineRunner使用
  • RocketMQ 使用手册
  • 排序--快排--挖坑法
  • 电机控制 | 仿真分析:基于脉冲高频注入的永磁同步电机无感控制
  • doris:容灾管理概览
  • es新增运算符
  • 小程序实现瀑布流布局
  • 【MySQL】用户账户、角色、口令、PAM
  • 【miniconda】centos7安装miniconda
  • 【装饰器】【python】【@wraps详解】装饰器核心问题:元数据丢失解决,以及原理
  • 贪心算法经典应用:最优答疑调度策略详解与Python实现
  • ngx_rtmp_flv_module.c — FLV文件处理模块设计与分析
  • JavaScript基础-常用的键盘事件
  • 第三课:Stable Diffusion图生图入门及应用
  • 跨语言微服务架构(Java、Python)——“API中台”
  • SQL小菜之TOP N查找问题
  • 【SUNO】【AI作词】【提示词】
  • 徘徊检测:视觉分析技术的安防新方向
  • ROS2 humble .launch.py启动文件编写
  • 国家卫健委通报:吊销肖某医师执业证书,撤销董某莹四项证书
  • 一图看懂|印巴交火后,双方基地受损多少?
  • 国际奥委会举办研讨会,聚焦如何杜绝操纵比赛
  • 博柏利上财年营收下降17%,计划裁员1700人助推股价涨超18%
  • 《歌手2025》公布首发阵容,第一期就要淘汰一人
  • 当代科技拟召开债券持有人会议 ,对“H20科技2”进行四展