[email protected] build: `NODE_ENV=production webpack --config webpack.config.js`报错的解决

最新推荐文章于 2023-10-12 14:36:30 发布

jingjinglove-

最新推荐文章于 2023-10-12 14:36:30 发布

阅读量8k

点赞数 1

CC 4.0 BY-SA版权

文章标签： es6

本文链接：https://blog.csdn.net/m0_46613478/article/details/106947134

本文分析了在Windows环境下配置Node.js环境变量导致的构建错误，并介绍了cross-env的作用及安装方法，通过使用cross-env可以实现跨平台设置环境变量，解决Windows下构建报错的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、我们先来分析一下这个报错的原因：

在build这个项目的时候失败

2、检查一下我是怎么配置的build

在项目中我使用了NODE_ENV=development的设置方式，而多数的windows不支持这样的方式，这就会导致有的windows电脑build的时候报错。然而我们好多的用户都是windows，所以就有对应的解决办法-----cross-env。
在这里插入图片描述

3、什么是cross-env

它是运行跨平台设置和使用环境变量(Node中的环境变量)的脚本。

4、cross-env的作用

当我们使用 NODE_ENV = production 来设置环境变量的时候，会有windows命令被阻塞，导致报错。cross-env 能够提供一个设置环境变量的scripts，这样就可以同时兼容unix和windows。

5、安装cross-env

npm install cross-env --save-dev

6、NODE_ENV=xxxxxxx前面添加cross-env，如图：

在这里插入图片描述

7、再次build的时候，就不会再报错了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

jingjinglove-

关注关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Vue启动项目报错travel@1.0.0 dev: `webpack-dev-server--inline --progress --config build/webpack.dev.conf.js

我能在河边钓一整天的鱼

12-09

1万+

问题原因出现在webpack上。如想了解webpack请走官网，如果想了解webpack里面的文件结构，下面推荐一篇博客 https://blog.csdn.net/shan1991fei/article/details/82630656 解决方案这个东西我没有深入研究原理，只是用一种办法解决了问题。 <1>卸载你项目中的webpac...

npm run dev运行时报错出现foms-client@1.0.0 dev: `webpack-dev-server --inline --progress --config build/webp

weixin_43963831的博客

07-03

1万+

一大早来到公司突然出现一个问题,前端项目启动不起来了,作为一个刚刚接触vue的小白,感觉很苦恼,一开始报的错是NodeJS的错误,卸载安装了两次,结果错误类型果断更换了额,又好像不是这个,这个是试了N次以后出现的. 一个错误一个错误的去请教度娘,结果都不是很如意,有的说是D:\develop\nodejs\node_global\node_modules\vue-cli\package.json里...

参与评论您还未登录，请先登录后发表或查看评论

React自定义环境变量node、cross-env、webpack等方式不同环境配置命令整理

刻痕

02-17

6456

node对应文件方式set 命令参数方式cross-env 方式webpack serve方式webpack-dev-server 方式umi 方式env-cmd方式dotenv方式创建项目vite方式创建项目React项目在不同开发、测试、预生产、生产、本地运行等情况，需要配置不同的命令。脚手架默认的配置项很多时候远远不够，注释修改不同代码来适配不同环境很繁琐。npm run eject步骤不可逆，最好提前做好备份，有git的先提交代码后再操作。package.json文件，不允许有注释。

vue中cross-env使用（解决跨平台设置NODE_ENV的问题）

冰雪为融的博客

12-02

1万+

在搭建公司前端项目的时候，package.json配置后会提示 NODE_ENV不是内部或外部命令，也不是可运行的程序或批处理文件。简单来说，就是windows不支持 NODE_ENV=development 解决办法：就可以用到cross-env cross-env cross-env是跨平台设置和使用环境变量的脚本。在大多数Windows命令行中在使用NODE_ENV = production设置环境变量时会报错。同样，Windows和Linux命令如何设置环境变量也有所不同.

webpack3 搭建生产(线上)环境

weixin_43294560的博客

02-09

512

生产(线上)环境 1、在webpack.config.js文件中引入 var webpack=require("webpack") 2、在plugins中添加 new webpack.DefinePlugin({ __DEV__: JSON.stringify(JSON.parse((process.env.NODE_ENV == 'dev') || 'fal...

npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! my-project@1.0.0 dev: `node build/dev-server.j

x_xiNan9416的博客

11-02

2074

npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! my-project@1.0.0 dev: `node build/dev-server.js wx` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the my-project@1.0.0 dev script. npm ERR! This is probably not a problem with npm. There is likely add

vue启动项目时报错 v2tmpl@1.0.0 dev: `node build/dev-server.js`

肖肖肖丽珠的博客

07-17

9370

我输入npm run dev启动的时候报错。最后发现是因为没有node_models 这个文件夹，他就没有依赖文件。cnpm install 下载出来就好了。

vue启动项目npm run dev> s1@1.0.0 dev > cross-env NODE_ENV=development webpack-dev-server --open --hot sh: cross-env: command not found

最新发布

12-14

当你看到`npm run dev`命令行中包含`s1@1.0.0 dev > cross-env NODE_ENV=development webpack-dev-server --open --hot`这样的提示，并且遇到`cross-env: command not found`错误，这意味着你在尝试运行Vue.js项目的...

> sun-edp-ui@1.0.0 dev D:\Project\5-潍坊银行\sun-edp-ui > cross-env BABEL_ENV=development webpack-dev-server --inline --progress --config build/webpack.dev.conf.js [webpack-cli] Error: Unknown option '--inline' [webpack-cli] Run 'webpack --help' to see available commands and options npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! sun-edp-ui@1.0.0 dev: `cross-env BABEL_ENV=development webpack-dev-server --inline --progress --config build/webpack.dev.conf.js` npm ERR! Exit status 2 npm ERR! npm ERR! Failed at the sun-edp-ui@1.0.0 dev script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\RedmiBook\AppData\Roaming\npm-cache\_logs\2023-07-24T09_31_00_017Z-debug.log

07-25

2. 检查一下你的 `webpack-dev-server` 配置文件 `build/webpack.dev.conf.js`，确认其中是否有 `--inline` 这个选项。如果有，请将其删除或者修改为正确的选项。 3. 检查一下 `sun-edp-ui` 项目的文档或者相关的...

> dts-admin@1.0.0 dev /Users/qshd/Desktop/admin-ui > cross-env BABEL_ENV=development webpack-dev-server --inline --progress --config build/webpack.dev.conf.js events.js:292 throw er; // Unhandled 'error' event ^ Error: spawn webpack-dev-serv

05-05

看起来你在运行一个基于webpack的开发环境，但是出现了错误。错误提示显示是无法启动webpack-dev-server，可能是由于缺少依赖或者配置文件问题导致的。建议你检查一下是否按照正确的步骤安装了所有的依赖和配置文件...

npm脚本学习（一）打包:cross-env NODE_ENV=production env_config=uat node build/build.js

Cynthia_Yue27的博客

06-22

9858

很好奇npm脚本（package.json中的scripts）都是什么意思，然后就开始一点一点去学习，觉得越挖越觉得自己知道的东西太少了，所以记录一下自己学到的一些知识。一、process.env process对象是一个node的全局变量，是在node应用程序中始终可用的，在终端中输入node，再输入process.env就可以输出一些用户环境信息，但输入process.env.NODE_ENV显示的的undefined 二、process.env.NODE_ENV NODE_ENV属性并不是proc

解决办法： Vue cross-env NODE_ENV=production webpack --progress --hide-module

热门推荐

学习笔记

08-31

2万+

Vue 在本地开发的时候正常，在布到服务器的时候，运行 npm run build 提示如下错误 [root@VM_0_15_centos starve]# npm run build > vue-test@1.0.0 build /var/www/html/starve > cross-env NODE_ENV=production webpack --progress --hid...

解决webpack 报错：'NODE_ENV' 不是内部或外部命令，也不是可运行的程序或批处理文件。

辣子鸡的博客

10-18

7757

参考：http://blog.csdn.net/huangpin815/article/details/75669525 在使用webpack打包成生产环境的文件时，在package配置的脚本如下： "scripts": { "build": "set NODE_ENV=production && webpack --config ./webpack.production.config

webpack自动化构建脚本指令npm run dev/build

12-18

562

指令为不同环境配置可执行指令，我们使用npm scripts方式，在package.json文件中配置执行指令： { "scripts": { "start": "cross-env NODE_ENV=dev webpack-dev-server", "build": "cross-env NODE_ENV=production webpack" ...

cross-env报错解决方法

BHSZZY的博客

11-02

1万+

1.如果出现cross-env报错，可以看下是否是前端项目用错node_modules了。2.要安装正确的nodejs版本，太高或太低不行。3.要设置正确的registry，设置方法是，查看方法是4.需要在前端项目所在路径用下载依赖，用即可打包到dist文件夹。

@1.0.0 build: `webpack --mode production`

Smile_666666的博客

02-22

781

使用babel配置时一直npm run build 一直出错,后面发现原来是presets的数据结构出错了以下是错误写法 presets:[ "@babel/preset-env", // 指定环境的插件, ....内容 ] 正确的 presets:[ [ "@babel/preset-env", // 指定环境的插

cross-env NODE_ENV=development作用

舜岳的博客

01-11

1万+

cross-env 作用：它是运行跨平台设置和使用环境变量的脚本当我们使用 NODE_ENV = production 来设置环境变量的时候，大多数windows命令会提示将会阻塞或者异常，或者，windows不支持NODE_ENV=development的这样的设置方式，会报错。因此 cross-env 出现了。我们就可以使用 cross-env命令，这样我们就不必担心平台设置或使用环境变...

从零开始使用webpack搭建一个react项目

qq_42750608的博客

10-12

671

从零开始使用webpack搭建一个react项目

手动配置webpack4.x配置打包vue项目脚手架

eazdp

08-17

833

因为webpack4.x配置文件已经默认放到了node_modules里面，所以便动手基于wepack4.x手动配置了一个vue的脚手架，功能跟vue-cli类似，最主要的区别是将打包文件如：js、html、css放到了根目录，基本上是有了一个脚手架的雏形，更多细节还在优化中，接下来看看具体的配置吧。首先在根目录创建了一个build文件，里面有三个文件：webpack.base.conf.js webpack.dev.conf.js webpack.prod.conf.js 接下来看一下三个文..