Mac使用npm安装webpack-dev-server出现问题

最新推荐文章于 2023-12-10 21:30:40 发布
最新推荐文章于 2023-12-10 21:30:40 发布
阅读量1.1k 收藏 1
点赞数 1
分类专栏： Mac 文章标签： mac xcode npm detected
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39376697/article/details/107344235
版权

缘由

    个人在学习vue时搭建webpack项目需要安装webpack-dev-server，使用命令npm i webpack-dev-server出现了以下问题：
在这里插入图片描述

解决方法

    实际上因为Mac升级到High sierra 后，使用命令行工具安装某些组件是缺少xcode的命令行工具的，使用命令sudo xcode-select --install，再输入密码进行安装。安装完成后再安装webpack服务器组件。结果如图：
在这里插入图片描述

WihauShe
关注
专栏目录
1-4 webapack4配置-mac环境下配置webpack-dev-server
xt_123456的博客
05-11 752
1.webpack-dev-server有什么作用？ webpack-dev-server是用来配置本地服务器的，用它可以为webpack打包的资源文件提供web服务。 webpack-dev-server主要提供两个功能： 1）为静态文件提供web服务（它会将webpack打包的资源文件部署到本地服务器上） 2）自动刷新和热替换（自动刷新就是当我们修改了代码以后，webpack会进行自动编译，之后就会自动更新网页的内容，不需要手动刷新。热替换就是当我们运行时更新各种模块而不想要完全刷新时可以实现局部刷新。
解决 webpack-dev-server --inline --progress --config buildwebpack.dev.conf.js 报错
m0_67393593的博客
03-02 1394
解决 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 报错 目前存在这种情况，可能是三个原因造成的 1.webpack版本与vue版本不一致 2.本地运行IP地址不正确 3.本地运行localhost与127.0.0.1映射被修改 1.webpack版本与vue版本不一致 查看vue版本 vue -V 2.9.6 卸载、安装对应版本webpack npm uninstall webpack-de
webpack和webpack-dev-server安装配置（遇到各种问题的解决方法）
weixin_30615767的博客
02-17 796
跟着Webpack傻瓜式指南（一）这个教程在安装webpack和webpack-dev-server的时候遇到很多问题，查了很多终于一一找到解决办法。 主要参考了这三篇博文： 　　moudule.js:338 throw err; Error: Cannot find module 'webpack/lib/node/NodeTemplatePlugin' 　　创建Webpack简单项...
安装 webpack-dev-server 时因网络原因一直报错
qq_52613072的博客
12-10 709
因为npm的服务器在国外，通过npm下载插件经常会出现下载缓慢或者报错的问题；图上的报错原因就是如此；按照上述操作下载好 cnpm 后，用 cnpm 来下载各种软件包——换用镜像的国内的 cnpm 进行下载；
webpack和webpack-dev-server安装配置遇到的大坑（使用npm run dev命令启用报错）
workhard0905的博客
09-04 992
今天在学习webpack和webpack-dev-server的安装配置时，对项目进行打包配置 发现了一个坑 首先使用命令 npm i webpack -D下载webpack 然后使用命令npm i webpack-dev-server -D下载webpack-dev-server 在package.json文件中配置 使用npm run dev命令启用报错 经过各种查资料发现是版本不兼容的问题， 解决方案是更改webpack和webpack-dev-server的安装版本 首先把之前
MAC电脑出现 .bin/webpack-dev-server permission denied 错误解决方法
oKeYue的博客
01-03 8294
以前同事,新买的mac电脑,拉取项目后,npm i 安装了所有依赖,但是执行npm run dev 报错! MAC电脑出现 .bin/webpack-dev-server permission denied  提示权限问题 这样解决:  sudo npm install webpack -g  sudo npm install webpack-dev-server -g 
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序 或批处理文件。
最新发布
04-21
2. 如果已经安装了webpack-dev-server，但仍然出现错误，请检查一下系统的环境变量是否正确配置。你可以按照以下步骤进行检查和配置： - 在Windows上，打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 环境...
npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! zhengzhou@1.0.0 dev: `webpack-dev-server --inline
Polarisone的博客
03-30 8200
最近遇到了一个问题，废了我九牛二虎之力终于给他解决了，原因竟然是这个 有的人用的是用的是mac,有的人用的是windows，所以苹果系统有时候为了兼容会安装一些依赖包 （比如：fsevents），而又的人为了方便会改成自己ip地址便于自己开发，但往往这样不利于其他同事开发 如果项目是多人开发的情况下，可能会存在这么个情况 npm ERR! code ELIFECYCLE npm ERR! errn...
webpack的学习(三)：webpack-dev-server实现自动打包编译
李菇凉的博客
02-06 1095
使用webpack-dev-server来实现自动打包编译的功能 1、运行npmiwebpack-dev-server-D把这个工具安装到项目的本地开发依赖 注意：webpack-dev-server这个工具，如果想要正常运行，要求在本地项目中，必须安装webpack 2、安装完毕后，运行 webpack-dev-server 会报错 原因：由于我们是在项目中，本地安装...
webpack-dev-server使用方法
02-03 2301
webpack-dev-server使用方法 首先来回顾以下webpack的内容 首先，我们来看看基本的webpack.config.js的写法 const path=require('path') //这个配置文件，其实就是一个JS文件，通过Node中的模块操作，向外暴露了一个配置对象 module.exports={ //在配置文件中需要手动指定入口和出口 entry:path.join(__dirname,'./src/main.js'),//入口，表示要使用webpack打包哪个文件
Mac webpack自动刷新
DOS的博客
12-22 1600
博主看了教程，然后在自己的MacBook Air上试用了一下，下面我将具体步骤介绍如下： 首先安装webpack: sudo npm install webpack -g npm install webpack --save-dev安装的路径基本上在/usr/local/lib/node_modules/webpack 其次，如果你要用webpack打包的东西有css等，就需要安装loader s
安装与配置webpack-dev-serve
m0_66504310的博客
11-27 5497
安装与配置插件 webpack-dev-serve
vue 项目启动失败 ‘webpack-dev-server‘ 不是内部或外部命令，也不是可运行的程序
阿涩的博客
10-14 5930
'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序
webpack serve 正常启动但没效果
goodman2980的博客
08-08 1424
安装完 webpack-dev-server 后 配置webpack.config.js。然后 npm run dev，服务器正常启动，且保存修改index.js有反应。但是打开网页却发现js的修改对网页没有效果。在package.json中配置。
mac 下搭建vue环境时报：webpack-dev-server --inline...
Prince_fmx的博客
01-21 1951
本博文不再详细介绍vue环境的搭建，各位若是需要请自个前往百度。。 当进入要运行的项目文件目录下，运行命令npm run dev,出现这样错误： 输入以下命令： sudo npm i webpack-dev-server --save-dev 再运行 run npm dev 如果接下来还有错误： 运行命令：sudo cnpm i --save node-notifi
webpack-dev-server的安装
热门推荐
周家大小姐
03-16 2万+
webpack-dev-server是一个小型的Node.js Express服务器,它使用webpack-dev-middleware来服务于webpack的包,除此自外，它还有一个通过Sock.js来连接到服务器的微型运行时. 注意:webpack-dev-server是一个独立的NPM包,你可以通过npm install webpack-dev-server来安装它. 发现报错了;原因是...
webpack-dev-server的安装使用
qq_42418169的博客
04-13 1万+
安装 运行环境 webpack (version): 前提： webpack-dev-server依赖webpack，我们需要先安装webpack 如果是webpack4以上我们还需要安装webpack-cli npm i webpack -d npm i webpack-cli -d 安装webpack-dev-server npm i webpack-dev-server -d ...
MAC电脑----webpack新手入门项目--图文教程
高级软件开发工程师--周玉的博客
07-11 7897
1.安装依赖webpack项目依赖npm和nodejsbrew install npm npm install node检查版本npm -v node -v2.安装webpack1.全局安装:具体位置如下图npm install webpack -g2.局部安装:当前项目中安装,比如桌面有个webpack文件夹#打开终端--切换到当前项目文件夹 cd desktop/webpack #初始化,产生p
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值