Django项目虚拟环境中运行React的npm run build命令提示export无法识别报错

问题原因 #

你的运行环境为Windows系统，但React项目package.json中的build脚本使用了仅类Unix系统（Linux/macOS）支持的export（设置环境变量）、rm -rf（删除文件夹）命令，Windows原生命令行无法识别这两个指令，因此触发报错。

解决方案 #

方案1：跨平台兼容修改（推荐） #

该方案修改后可同时兼容Windows、Linux、macOS所有系统，无需担心不同环境运行问题：

• 在React项目根目录执行命令安装跨平台工具依赖：
  npm install cross-env rimraf --save-dev
• 打开项目根目录的package.json文件，找到scripts配置项中的build字段，将原有值：
  export NODE_ENV=production && rm -rf ./build && webpack --env.production --optimize-minimize
  替换为：
  cross-env NODE_ENV=production && rimraf ./build && webpack --env.production --optimize-minimize
• 重新执行npm run build即可正常构建。

方案2：仅Windows环境适配 #

如果不需要兼容其他系统，可以直接将命令替换为Windows原生指令，无需安装额外依赖：
直接将build脚本修改为：
set NODE_ENV=production && rd /s /q build && webpack --env.production --optimize-minimize
修改后重新执行npm run build即可。

方案3：使用兼容类Unix命令的终端 #

Windows端安装的Git默认自带Git Bash终端，该终端支持export、rm等类Unix命令，直接打开Git Bash进入React项目目录执行npm run build，无需修改任何配置即可正常运行。

补充说明 #

该报错和Django虚拟环境无关联，属于前端Node项目的跨平台兼容问题，构建成功后将生成的build文件夹按常规配置接入Django静态资源路径即可正常使用。

内容的提问来源于stack exchange，提问作者Himanshu Kawale