分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

webpack 4.x ?解决 webpack-dev-server工具在webpack构建的项目中使用问题

发布时间:2023-09-06 02:21责任编辑:熊小新关键词:webpack

首先将webpack-dev-server安装到项目中

npm install webpack-dev-server -D

这时在powershell中敲 webpack-dev-server 会发现

‘webpack-dev-server‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。

这是由于该工具只是安装到本地项目中了

纳尼? 难道要全局安装一下吗???

没必要!!!这时只需在根目录的package.json中"scripts"下中添加

"dev": "webpack-dev-server"

即可使用 npm run dev 来运行项目了

但是笔者在运行项目时 报了以下错误:

该问题的出现是由于webpack没有安装到项目中导致的;只需要将之安装到项目中即可:

npm install webpack -D

但是 运行依然出错:

此问题的出现 通过查阅得知 应该是 webpack 与 webpack-cli版本不一致导致的

于是:

npm uninstall webpack -D
npm install webpack webpack-cli -D 

然后 npm run dev 运行成功

webpack 4.x ?解决 webpack-dev-server工具在webpack构建的项目中使用问题

原文地址:https://www.cnblogs.com/ifeil/p/9907566.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved