命令行设置环境变量NODE_ENV=production不起作用,process.env.NODE_ENV === 'production'永远等于false?

问题描述

在项目的 package.json 中的 script 设置命令

json 复制代码
    "dev": "set ENV=local node ./index.js",
    "beta": "set ENV=beta node ./index.js",
    "prod": "set ENV=production node ./index.js",

在 env.js 文件中的方法获取当前环境,和判断当前环境,在 index.js 中,将方法挂在 app 上,可以通过 app.env 获取对应的方法

javascript 复制代码
    // 是否本地环境
    isLocal() {
      return process.env.ENV === "local";
    },
    // 是否测试环境
    isBeta() {
      return process.env.ENV === "beta";
    },
    // 是否生产环境
    isProduction() {
      return process.env.ENV === "production";
    },
    // 获取当前环境
    get() {
      return process.env.ENV ?? "local";
    }

当使用 npm run dev , npm run beta, npm run prod 启动项目对应的环境,用 console.log(app.env.get()) 可以输出对应的 local, beta, production。但是判断是否测试环境,是否生产环境时,永远为 false。

检查一(操作系统问题)

在设置环境变量命令时,操作系统的不同,命令也不同,上述问题描述中是在 Windows 系统中的写法,而在 Mac 或 Linux 中可不用 set , 或把 set 改为 export 。

json 复制代码
    "dev": "ENV=local node ./index.js",
    "beta": "ENV=beta node ./index.js",
    "prod": "ENV=production node ./index.js",

使用了对应操作系统的设置还是没有解决问题

检查二(引号问题)

bash 复制代码
    set ENV=production node ./index.js
    # 或
    set ENV='production' node ./index.js

两种写法对应判断结果也是有影响的,'production' 和 production 会判断为 false 。还有可能使用了双引号(""),production 后有空格的问题导致的。使用 process.env.ENV.trim() === "production" 可去除 production 后的空格。 此操作可能还是无法正确判断环境。

检查三(使用 cross-env )

安装 cross-env 插件(不推荐全局安装)

sql 复制代码
    npm install cross-env --save-dev

使用 cross-env 设置环境命令

json 复制代码
    "dev": "cross-env ENV=local node ./index.js",
    "beta": "cross-env ENV=beta node ./index.js",
    "prod": "cross-env ENV=production node ./index.js",

推荐直接使用 cross-env ,解决问题省时又省力。

相关推荐
kyriewen12 小时前
别再 console.log 了:5 个 Chrome DevTools 调试技巧,用过就回不去了
前端·javascript·面试
IT_陈寒14 小时前
Python搞不定字符串编码?这破玩意坑我两小时!
前端·人工智能·后端
DigitalOcean15 小时前
Laravel 开发者已在 DigitalOcean 上开通超过 10 万台服务器
前端·laravel
星始流年15 小时前
从 Tool 到 Skill——基于 LangChain 的服务端Skill实现
前端·langchain·agent
李惟15 小时前
开源本地通信库,纯客户端 RPC,像聊天一样通信
前端
YAwu1115 小时前
深入解析 React 炫彩鼠标跟随标题组件:从坐标定位到动画性能
前端·react.js
GuWenyue15 小时前
排序效率低?5分钟吃透快速排序,性能飙升至O(nlogn)
前端·javascript·面试
OpenTiny社区15 小时前
🎨 看完 GenUI SDK 源码我悟了!
前端·vue.js·github
叁两15 小时前
前端转型AI Agent该如何学习?(前置篇)
前端·人工智能·node.js
何时梦醒15 小时前
深入理解递归与快速排序 —— 从基础入门到手写实现
前端·javascript