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

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

news 2025/3/30 21:25:36

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

DONE  Compiled successfully in 11178ms                                  App running at:- Local:   http://localhost:80- Network: unavailableNote that the development build is not optimized.To create a production build, run npm run build.events.js:292throw er; // Unhandled 'error' event^Error: spawn cmd ENOENTat 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: '120.0.0.0:8080',//这里的ip地址换成本机的ip地址hot: true,disableHostCheck: true,}};