Vue npm run serve 启动项目一直是生产环境

Vue npm run serve 启动项目一直是生产环境

不知道什么原因 npm run serve执行完之后 显示App is served in production mode. Note this is for preview or E2E testing on, 开始自己毫无头绪 ,之后请教公司大佬,说环境变量是生产模式(production),需要改环境变量改成开发模式(development),找出了两种解决方法,希望可以帮助大家!!!!
首先查看当前是什么模式,  在vue.config.js最外层打印ENV

在这里插入图片描述
在项目启动时会打印出来,development是开发环境,production则为生产环境
在这里插入图片描述
如果打印出来为production以下两种方法可解决:
方法一
1.在package.json项目启动里加入set NODE_ENV=development && node
2.重新启动项目
在这里插入图片描述
方法二
使用插件 cross-env
1.npm install cross-env
2.安装成功之后在package.json启动项目 加入cross-env NODE_ENV=development
3.重新启动项目就OK啦
在这里插入图片描述

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 当您在运行Vue项目时,如果出现“npm run serve”报错,可能是以下原因之一: 1. 您的项目中缺少依赖项,您需要使用“npm install”命令安装缺少的依赖项。 2. 您的项目中的某些文件可能已被删除或移动,您需要检查并修复这些问题。 3. 您的项目中可能存在语法错误或其他代码问题,您需要检查并修复这些问题。 4. 您的计算机可能存在其他问题,例如网络连接问题或权限问题,您需要检查并修复这些问题。 如果您无法解决问题,请尝试在Vue社区或其他技术论坛上寻求帮助。 ### 回答2: Vue是一款流行的前端开发框架,npm是Node.js的包管理工具,通过npm安装的Vue一般不包含编译后的代码,需要使用Vue提供的命令行工具来编译和运行Vue应用。其中,npm run serve是用来运行本地开发服务器的命令,如果在执行npm run serve命令时遇到报错,可能有以下原因: 1. 端口占用 npm run serve默认使用8080端口,如果该端口已被占用,就会出现报错。可以尝试修改端口号,例如修改为8081,命令为npm run serve -- --port 8081。 2. 缺少依赖包 Vue应用需要依赖很多包,如果其中任意一个包不存在或者版本不匹配,就会出现报错。这时可以尝试删除node_modules目录,然后重新安装依赖包,命令为npm install。 3. 代码错误 Vue应用开发的代码中可能存在语法错误、逻辑错误等问题,导致编译失败或者运行时出错。此时需要仔细检查代码并修复错误。 4. 配置错误 Vue应用的配置文件(例如vue.config.js)可能存在配置错误,导致编译或者运行时出错。此时需要仔细检查配置文件并修复错误。 总之,当出现npm run serve报错时,需要认真查找报错信息,找出具体原因,然后根据原因逐一解决。同时,也要及时备份代码和配置文件,避免因操作失误导致数据丢失。 ### 回答3: 在Vue中使用npm run serve命令启动项目时,可能会遇到各种报错。这些错误可能是基于环境的,也可能是代码的问题。下面是几种常见的情况及其解决方法: 1. "Error: listen EADDRINUSE: address already in use" 这个错的意思是该端口号已被占用,你需要换个端口号来启动。方法是修改"package.json"文件中的scripts,将命令 "serve": "vue-cli-service serve" 修改为 "serve": "vue-cli-service serve --port xxxx",xxxx为新的端口号。 2. "Error: Cannot find module '@vue/cli-service/lib/config/base'" 这个错误通常是因为缺失@vue/cli-service包导致的。运行"npm install -D @vue/cli-service"命令,安装这个包即可修复。 3. "TypeError: Cannot read property 'requestHandler' of undefined" 这个错误往往是由于typescript错误而导致的。要修复这个问题,您需要在vue.config.js中设置compilerOptions。 4. 其他错误 如果出现其他错误,您首先需要检查代码是否有误,确认是否误删了某个文件或其它文件格式问题。如果代码没有问题,你可以运行"npm cache clean --force" 清除本地的npm缓存,再重新安装npm包。如果依然无法解决,你可以考虑重新生成项目即可。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值