rs build 的process.env的值undefined解决方案

首先,一定要明确,如果新增或者改了一个process.env值,必须要重新构建才能取值,否则会报错Uncaught ReferenceError: process is not defined 但是这个没关系,重启就行了

其次,rsbuild的默认export,必须以PUBLIC_开头,就像next的必须以什么NEXT__xxxx开头一样

再次,里面获取不到就要在rsbuild.config.ts里加,在

source: {

entry: await getEntries(),

define: {

'process.env.PUBLIC_1111': JSON.stringify(

process.env.PUBLIC_1111 ?? '',

),

最后,可以额外import,虽然不知道有用没用。(应该是没用吧,算是自定义的)

import { defineConfig, loadEnv } from '@rsbuild/core';

const { publicVars } = loadEnv({ prefixes: ['PUBLIC_'] });

console.log(publicVars, 'publicVars');

export default defineConfig({

source: {

entry: await getEntries(),

define: {

...publicVars,

最关键的来了

所以env不能放在env/local下面,读取不到,完完全全放在根目录下才能读到,结束,坑。


更新:以上几步其实都不需要,都是验证的,最关键是最后一步,只要环境对,加上有PUBLIC_前缀就ok。只是记录下

相关推荐
机器视觉知识推荐、就业指导18 分钟前
Qt 和 C++,是不是应该叫 Q++ 了?
开发语言·c++·qt
lichenyang45323 分钟前
从零开始构建 React 文档系统 - 完整实现指南
前端·javascript·react.js
比特森林探险记24 分钟前
Hooks、状态管理
前端·javascript·react.js
m0_7482299935 分钟前
ThinkPHP快速入门:从零到实战
c语言·开发语言·数据库·学习
liu****36 分钟前
三.Qt图形界面开发完全指南:从入门到掌握常用控件
开发语言·c++·qt
布茹 ei ai1 小时前
Python屏幕监视器 - 自动检测屏幕变化并点击
开发语言·python
小龙报1 小时前
【C语言进阶数据结构与算法】单链表综合练习:1.删除链表中等于给定值 val 的所有节点 2.反转链表 3.链表中间节点
c语言·开发语言·数据结构·c++·算法·链表·visual studio
比特森林探险记1 小时前
组件通信 与 ⏳ 生命周期
前端·javascript·vue.js
黎雁·泠崖1 小时前
Java抽象类与接口:定义+区别+实战应用
java·开发语言
海绵宝龙1 小时前
Vue中nextTick
前端·javascript·vue.js