记录webpack中遇到的一些问题

最新推荐文章于 2022-10-14 14:59:31 发布
最新推荐文章于 2022-10-14 14:59:31 发布
阅读量225 收藏
点赞数
分类专栏： webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/THINK_OF_/article/details/79799712
版权

1."start":"NODE_ENV=development node server/index.js"

执行npm start，windows系统下面报错NODE_ENV不是内部命令错误

解决：npm install cross-env --save-dev 

修改package.json里面script为：“start”:"cross-env NODE_ENV=development node server/index.js"

2.Module build failed: Error: Couldn't find preset "env" relative to directory

当在babelrc.json文件中配置了"presets":["env"]的时候而没有安装babel-preset-env插件导致的

解决：npm install babel-plugin-env --save-dev

THINK_OF_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
本地启动服务运行时报错
问白的博客
01-17 6651
vue项目构建报错 vue本地启项目报错 github上比较火的一个 vue-element-admin 项目； 下载到本地之后按照readMe的步骤 npm install npm run dev 结果报错了。 报错内容显示如下： 说道这里自己有点儿，之前一直吧 报错的重点放在了： cross-env BABEL_ENV=development webpack-dev-server --inl...
cross-env插件
feral_coder的博客
01-22 1510
1、用途：跨平台设置和使用环境变量 比如你在linux上可以设置NODE_ENV=production环境变量，但是这种方式在window上是行不通的。而实际工作中，可能你在window上开发项目，最后要在linux上运行项目，这样就导致设置环境变量的方式不一致，cross-env就是解决设置环境变量的方式统一的。 2、安装 npm install cross-env -D 3、使用 ...
npm报错`webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
热门推荐
GongWei_的博客
08-10 2万+
今天刚来公司启动项目就给我报下面的错误 百度一下，通常报这个错的原因是：webpack-dev-server 版本存在问题 解决办法：安装 webpack-dev-server 低版本号 方法一：删除 node_modules 目录，再重新安装依赖包 npm install -S，这样较费时间 方法二： 先卸载当前 webpack-dev-server，指令：npm uninstall webpack-dev-server 下载低版本 指令：npm install webpack-dev-server@2
＞ dev ＞ webpack-dev-server --inline --progress --config build/webpack.dev.conf.js
chanyeolchichi的博客
05-13 4568
> dev> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 使用npm run dev 产生了错误。 目前存在这种情况，可能是三个原因造成的 1.webpack版本与vue版本不一致 2.本地运行IP地址不正确 3.本地运行localhost与127.0.0.1映射被修改 1.webpack版本与vue版本不一致 1.查看vue版本 vue -V 4.5.15 2.卸载、安装对应版本we.
Webpack中publicPath路径问题详解
12-10
最近自己在搭建一个基于webpack的react项目，遇到关于output.publicPath和webpack-dev-server中publicPath的问题，而官方文档对它们的描述也不是很清楚，所以自己研究了下并写下本文记录。 output output选项指定...
webpack的基本原理及手动配置webpack的详细步骤
07-03
以及我在手动配置webapck的时候遇到的一些问题以及解决方法，里面的内容主要有前端工程化，webpack的基本使用，webpack中的插件，webpack中的loader，打包发布，Source Map以及在浏览器中安装vue-devtools调试工具。...
浅谈在vue中用webpack打包之后运行文件的问题以及相关配置方法
11-28
本文将深入探讨在Vue项目中使用Webpack打包后运行文件可能遇到的问题及其解决方法。 首先，我们需要理解Vue CLI的打包流程。当你运行`npm run build`命令时，Vue CLI会按照项目配置对源代码进行编译和优化，生成一...
vue-project:Webpack5 +微服务
03-22
在微服务实战中，我们可能会遇到跨域问题，这时可以通过设置代理服务器解决。Webpack Dev Server提供了proxy配置，可以将特定的API请求转发到指定的服务端，方便本地开发。 此外，Node.js版本为v10.15.3，这可能...
my-note:记录自己工作中遇到的问题
03-19
在IT行业中，JavaScript是一种至关重要的编程语言，尤其在前端开发领域。它被广泛用于构建交互式的Web页面，处理用户输入，以及与服务器进行数据交换。...希望这些内容能帮助你理解和解决你在工作中遇到的问题。
vue 项目启动失败 ‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序
阿涩的博客
10-14 5774
'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序
Vue2.0 cross-env配置分环境本地调试代理及打包
LikeStudyBoy的博客
11-23 1300
npm i cross-env -D /package.json，根目录下package文件，默认初始化是这样 "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "build": "node build/build.js", "start": "npm run dev", "lint": "eslint --ext .js,.vue
cross-env NODE_ENV=development作用
舜岳的博客
01-11 1万+
cross-env 作用： 它是运行跨平台设置和使用环境变量的脚本 当我们使用 NODE_ENV = production 来设置环境变量的时候，大多数windows命令会提示将会阻塞或者异常，或者，windows不支持NODE_ENV=development的这样的设置方式，会报错。因此 cross-env 出现了。我们就可以使用 cross-env命令，这样我们就不必担心平台设置或使用环境变...
npm start后报错cross-env NODE_ENV=demo webpack-dev-server 的解决
weixin_38168173的博客
07-23 1万+
拉取了项目后，cnpm install安装依赖，然后再npm start运行报错： Error: spawn webpack-dev-server ENOENT at Process.ChildProcess._handle.onexit (internal/child_process.js:240:19) at onErrorNT (internal/child_proc...
webpack4配置vue环境和一些小坑。
simoon's的博客
06-08 2万+
第一步： npm init npm install webpack vue vue-loader css-loader vue-template-compiler 第二步： 创建文件： src–>app.vue，代码如下： <template> &amp
webpack-dev-server 的基本配置
wangrong111222的博客
08-01 4667
首先安装cnpm i -D webpack-dev-server 然后在 build/webpack.config.js里修改 设置一个变量   //定义一个变量来；确定当前环境是否是开发环境；process.env.NODE_ENV是在我们设置在package.json命令行的值； const isDEV=process.env.NODE_ENV==="development"; ...
webpack-dev-server远程访问配置
jCuckoo的专栏
03-29 8338
下面的package.json文件中配置的webpack-dev-server为开发模式，可以使用http://localhost:8080或http://127.0.0.1:8080进行访问 "scripts": { "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
webpack 引用vconsole
weixin_33748818的博客
08-04 1899
1.npm install -vconsole --save-dev 2.npm install -vconsele-webpack-plugin --save-dev 3.webpack.base.conf.js 'use strict' const path = require('path') const utils = require('./utils') const c...
webpack版本的一些坑
最新发布
09-07
但是在使用Webpack的过程中，也会遇到一些坑。以下是一些常见的Webpack版本坑点： 1. 版本兼容性问题：Webpack的不同版本之间可能存在一些差异，使用过程中需要注意版本兼容性问题。如果使用了不兼容的版本，可能会...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值