vue项目启动出错,npm run dev \ npm run serve \ npm i 都报错

1、检查项目名称是否是英文

vue项目启动出错,npm run dev \ npm run serve \ npm i 都报错_第1张图片

更改此文件

vue项目启动出错,npm run dev \ npm run serve \ npm i 都报错_第2张图片

 2、出现下图错误删除本地脚手架再重装脚手架,项目中执行npm install vue-cli -g

vue项目启动出错,npm run dev \ npm run serve \ npm i 都报错_第3张图片

下图是脚手架安装成功 ,然后执行npm run serve启动项目

vue项目启动出错,npm run dev \ npm run serve \ npm i 都报错_第4张图片

3、项目启动成功报500错误,说明服务端连接配置错误需要修改vue项目启动出错,npm run dev \ npm run serve \ npm i 都报错_第5张图片

找到如下文件更改 VUE_APP_API_HOST后端服务地址,更改完地址需要重新启动项目执行npm run serve

vue项目启动出错,npm run dev \ npm run serve \ npm i 都报错_第6张图片 4、项目打包出错时,区分大小写 

vue项目启动出错,npm run dev \ npm run serve \ npm i 都报错_第7张图片 如写错就会出现下图打包不成功

vue项目启动出错,npm run dev \ npm run serve \ npm i 都报错_第8张图片打包成功如下图,项目得的打包位置可以配置 

vue项目启动出错,npm run dev \ npm run serve \ npm i 都报错_第9张图片

你可能感兴趣的:(vue.js,前端,javascript)