使用npm run dev 运行Vue项目时,报错: ‘webpack-dev-server’ 不是内部或外部命令,也不是可运行的程序

在用Vs Code新创建Vue项目,在启动服务(npm run dev)时,出现“‘webpack-dev-server’不是内部或外部命令,也不是可运行的程序 或批处理文件

后来我查资料说删除项目下的node_modules文件夹,发现我的项目中并无此文件夹(本人使用Vs Code编辑器)

发现创建项目时(指令:vue init webpack zhny_vue)过程中报错:

[OperationalError: EPERM: operation not permitted   经查询时权限不够问题,所以采用系统PowerShell工具,并使用管理员身份运行


      利用命令行,指向要创建项目得文件夹(文件夹及项目名不要有空格,否则可能出错),再次执行指令:vue init webpack zhny_vue( 注:zhny_vue为我的项目名)

接下来等待两分钟,直至出现Project initialization finished!

发现项目中出现了node_modules文件夹!

使用VsCode,在TERMINAL控制台下,执行npm run dev命令,继续等待,直至出现Compiled successfully in 11280ms,Your application is running here: http://localhost:8080说明成功启动!


验证一下成果,在浏览器中输入“http://localhost:8080”,如图所示:

总结:我遇到的主要是权限问题,有的步骤需要系统管理员权限才能成功,不然可能会出现各种莫名其妙的错误,建议大家一定注意

你可能感兴趣的:(使用npm run dev 运行Vue项目时,报错: ‘webpack-dev-server’ 不是内部或外部命令,也不是可运行的程序)