webpack-dev-server 启动报错

最新推荐文章于 2025-06-05 09:14:13 发布

遇见一个人流泪

最新推荐文章于 2025-06-05 09:14:13 发布

阅读量3.4w

点赞数 5

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： webpack-dev-server config webpack.dev.js

本文链接：https://blog.youkuaiyun.com/u011628981/article/details/80048515

vue 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个常见的Webpack配置问题，即无法解析'./src'目录的问题，并提供了可能的原因及解决方案。原因是缺少webpack.config.js配置文件，解决方案是使用正确的配置文件路径。

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

ERROR in multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src
Module not found: Error: Can't resolve './src' in 'C:\WebstormProjects\webpack-demo'
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src

原因：找不到webpack.config.js文件
解决方案：

webpack-dev-server --config webpack.dev.js

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

遇见一个人流泪

关注关注

5
点赞
踩
6

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

webpack-dev-server启动报错Invalid options object

m0_54849806的博客

03-06

993

使用yarn start启动项目时报错 package.json相关依赖如下 "webpack": "^4.43.0", "webpack-cli": "^4.9.1", "webpack-dev-server": "^4.5.0" 报错信息如下： [webpack-cli] Invalid options object. Dev Server has been initialized using an options object that does not match the

运行webpack-dev-server报错

ChrisJin的博客

07-21

612

项目场景： package.json依赖：问题描述：运行webpack-dev-sever报如下错误： Cannot find module 'webpack-cli/bin/config-yargs' 解决方案：百度之后都是说webpack-cli 4.x与webpack-dev-server 3.x版本不兼容。需要将webpack-cli 4.x降低到webpack-cli 3.x 方案一解决方案如下：卸载webpack-cli 4.7.2, 安装webpack 3.3.12（3.X最高

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

ERROR in multi (webpack)-dev-server/client?http://localhost:8080 ./src Module not found: Error: C...

热门推荐

weixin_40664145的博客

11-14

2万+

目录出错现象报错信息出错原因解决方案出错现象这个错误是我在用vue-cli中使用webpack打包的时候，进行环境分离操作，将webpack.config.js分成三个包 webpack.common.js webpack.dev.js webpack.prod.js 之后启动npm run serve（也就是webpack-dev-server --open）的时候报的错误，package.json文件是下面这样 "scripts": { "serve": "webpack-dev-ser

Vue-node运行报错--- @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-

weixin_45605654的博客

07-31

1万+

Vue-node运行报错— @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js 如果说不是软件安装错误，之前项目可以运行，然而这次报错，运行报错和运行界面是 @ ./src/router/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/ho

Webpack Dev Server v4 迁移指南：全面解析与升级实践

gitblog_00165的博客

06-05

368

Webpack Dev Server v4 迁移指南：全面解析与升级实践前言 Webpack Dev Server 作为前端开发中最常用的本地开发服务器之一，在 v4 版本中进行了重大架构调整和功能优化。本文将深入解析 v4 版本的变更内容，帮助开发者顺利完成从 v3 到 v4 的迁移工作。升级前的准备工作在开始迁移前，开发者需要检查当前项目的配置，确保没有以下冗余设置：热更新插件重复...

webpack/hot/dev-server.jsError: error:0308010C:digital envelope routines::unsupported

菜鸟博客

07-22

1500

webpack/hot/dev-server.jsError: error:0308010C:digital envelope routines::unsupported

@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

weixin_44860425的博客

12-06

1万+

百度了很多次大多数都要让运行命令 npm install babel-plugin-transform-vue-jsx --save-dev 可是对我来说还是不行所以就有了一下方法原本的文件名 .babelrc { "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] .

vue-test\src\index\main.js in multi (webpack)-dev-server/client?http://10.10.199.11:8080&sockPath=/s

m0_59157023的博客

02-02

1017

报错：vue-test\src\index\main.js in multi (webpack)-dev-server/client?是由于我的vue.config.js入口文件的路径出错了。

【webpack5】webpack-dev-server 不能正常启动

小笼包不是包的博客

01-29

3169

【webpack5】webpack-dev-server 不能正常启动一、问题 webpack-dev-server --open --config script/webpack.dev.js webpack4环境下可以正常启动，但是升级webpack5后依赖都要升级，再跑这个指令就会报错： internal/modules/cjs/loader.js:584 throw err; ^ Error: Cannot find module 'webpack-cli/bin/confi

webpack-dev-server搭建本地服务器（解决webpack-cli、webpack-dev-server版本不兼容报错）08

钢铁直女

05-06

1319

webpack-dev-server搭建本地服务器webpack-dev-server搭建本地服务器，开发阶段使用1、安装webpack-dev-server（开发时依赖）2、在webpack.config.js文件中配置devServer3、运行启动解决webpack-cli、webpack-dev-server版本不兼容报错： webpack-dev-server搭建本地服务器，开发阶段使用 webpack提供的本地开发服务器，基于node.js搭建。内部使用express框架，可以实现浏览器实时更新页

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

qq_46687516的博客

04-30

1777

原因：webpack-dev-server --inline --progress --config build/webpack.dev.conf.js 这是新版webpack存在的BUG，卸载现有的新版本webpack，装老版本就好,但是也不能装太老的版本办法：我们看到 webpack-cli 的版本是 4.2.0，而 webpack-cli 从4.x.x开始就没有该目录，所以我们保证webpack-cli 和 webpack-dev-server 的版本只要都是 3.x.x 就...

webpack-dev-server 出现错误

qq_31847185的博客

07-16

3964

一、问题描述在使用webpack-dev-server时，出现如图错误：我的配置文件如图：package.json文件如图：二、方案一、直接将index.html文件放入dist中我看的webpack3.x视频中，老师直接将index.html文件放入dist中，同样能够生成首页。如图：生成如下页面：三、方案二，使用HtmlWebpackPlugin插件生成首页因为出错，所以百度的时候找到了第二种...

Vue项目运行报错--- @ multi (webpack)-dev-server/client?http://localhost:8084 webpack/hot/dev-server

m0_62404884的博客

10-31

7567

刚开始我也有点不太清楚，但是看了之前写的项目，才发现少写了一个大的div 报错原因：在components中的.vue 文件中template里面只能有一个根元素，即只有一个标签但是我写了两个el-row标签，所以出现报错，只要添加一个div就可以了 ...

@ multi (webpack)-dev-serverclienthttplocalhost8080 webpackhotdev-server .srcmain.js

编程不良人

03-11

1874

百度了很多次大多数都要让运行命令 npm install babel-plugin-transform-vue-jsx --save-dev 可是对我来说还是不行所以就有了以下方法原本的文件名 .babelrc { "presets": [ ["env", { "modules": false, "targets": { "browsers": ["> 1%", "last 2 versions", "not ie <= 8"] .

错误：ERROR in ./node_modules/_webpack-dev-server...Module not found: Error: Can't resolve 'webpack/hot

start_XUEBA的博客

05-27

1万+

学习webpack的途中总是困难重重。使用webpack-dev-server工具时，运行cnpm run dev后报错： ERROR in ./node_modules/_webpack-dev-server@2.11.5@webpack-dev-server/client?http://localhost:3000 Module not found: Error: Can't resol...

Webpack报错

lalala1016的博客

01-07

3110

问题 * ./src/main.js in multi (webpack)-dev-server/client?http://192.168.106.97:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js 报错截图如下解决方案在执行npm run serve时出现了这个问题，网上的那些解决方案在我这都行不通，这个项目是我的负责人给我做的第一个项目，拿到手之后发现运行不出来，请教一番后发现是路径错了！！！！

webpack-dev-server 运行报错

wujinpengjiusan的博客

11-18

545

这个问题我看了网上很多方法，评论里有些同学是解决了的有些依旧报错。后来我自己研究了一下发现我的webpack 和webpack-cli 版本过高导致识别不到webpack-dev-server。然后我把node_modules依赖删除，把webpack版本改成了图上的版本号重新执行了npm install 然后就成功了 ...

webpack-dev-server:permission denied

最新发布

07-11

在使用 `webpack-dev-server` 时遇到的 **"permission denied"** 错误通常与文件系统权限、全局安装路径或运行环境有关。以下是几种可能的原因及解决方案： ### 1. 权限不足导致无法写入全局安装目录当尝试全局安装 `webpack-dev-server` 或其依赖项时，如果当前用户没有对全局安装目录（如 `/usr/local/lib/node_modules/`）的写权限，会报错 `Error: EACCES: permission denied`。 #### 解决方法： - 使用 `sudo` 提升权限进行安装： ```bash sudo npm install -g webpack-dev-server ``` - 或者配置 npm 的全局安装路径到当前用户的目录下，避免权限问题： ```bash mkdir ~/.npm-global npm config set prefix '~/.npm-global' ``` 然后将以下行添加到 `~/.bashrc` 或 `~/.zshrc` 文件中： ```bash export PATH=~/.npm-global/bin:$PATH ``` 最后重新加载配置文件： ```bash source ~/.bashrc # 或 source ~/.zshrc ``` ### 2. 项目目录权限问题如果 `webpack-dev-server` 在启动时尝试写入某些目录（如临时目录、缓存目录）而当前用户无写权限，也可能引发此错误。 #### 解决方法： - 检查项目所在目录及其子目录的权限设置，确保当前用户拥有读写权限。 - 可以通过以下命令修改目录权限： ```bash sudo chown -R $USER /path/to/project chmod -R 755 /path/to/project ``` ### 3. 使用 `cnpm` 安装时的权限问题如果使用的是淘宝镜像 `cnpm`，也可能会因权限问题导致安装失败。例如，在全局安装过程中出现 `mkdir '/usr/local/lib/node_modules/xxx_tmp'` 报错。 #### 解决方法： - 同样可以使用 `sudo` 提升权限进行安装： ```bash sudo cnpm install -g webpack-dev-server ``` ### 4. Node.js 运行时权限过高有时开发者习惯性使用 `sudo` 执行 `webpack-dev-server`，这可能导致生成的文件归属 root 用户，后续操作需要更高权限。 #### 解决方法： - 避免使用 `sudo` 执行开发服务器命令： ```bash webpack serve --mode development ``` - 若已有文件被 root 占有，需手动更改文件所有者： ```bash sudo chown -R $USER . ``` ### 5. 使用 Docker 容器化开发环境为避免本地权限和依赖冲突问题，推荐使用 Docker 容器化开发环境。 #### 示例 Dockerfile： ```dockerfile FROM node:18 WORKDIR /app COPY package*.json ./ RUN npm install COPY . . EXPOSE 8080 CMD ["npx", "webpack serve --mode development"] ``` 构建并运行容器： ```bash docker build -t my-webpack-app . docker run -p 8080:8080 -v $(pwd):/app my-webpack-app ``` ---