无法启动webpack-dev-server
问题：无法启动webpack-dev-server
答案： webpack-dev-server是一个用于开发环境的轻量级服务器，用于在开发过程中提供实时编译和热重载功能。如果无法启动webpack-dev-server，可能是由于以下几个原因：
- 配置错误：首先需要检查webpack配置文件（通常是webpack.config.js）是否正确配置了devServer选项。确保devServer的相关配置项（如port、contentBase等）正确设置。
- 依赖问题：检查项目的依赖是否正确安装。可以尝试重新安装webpack-dev-server依赖，可以使用以下命令进行安装：
- 依赖问题：检查项目的依赖是否正确安装。可以尝试重新安装webpack-dev-server依赖，可以使用以下命令进行安装：
- 端口冲突：确保webpack-dev-server使用的端口没有被其他程序占用。可以尝试修改webpack-dev-server的配置，将port选项设置为其他未被占用的端口。
- 版本不兼容：确保webpack-dev-server的版本与其他相关依赖的版本兼容。可以尝试升级或降级webpack-dev-server的版本，或者升级其他相关依赖的版本。
- 其他问题：如果以上方法都无法解决问题，可以尝试在项目根目录下执行以下命令重建node_modules文件夹，并重新安装依赖：
- 其他问题：如果以上方法都无法解决问题，可以尝试在项目根目录下执行以下命令重建node_modules文件夹，并重新安装依赖：
以上是一些常见的解决方法，如果问题仍然存在，可以进一步检查错误日志或提供更多详细信息以便进行进一步排查。
腾讯云相关产品推荐：腾讯云云服务器（CVM）
- 产品介绍链接：https://cloud.tencent.com/product/cvm
- 优势：腾讯云云服务器提供高性能、可扩展、安全可靠的云计算资源，可满足各种规模和需求的应用场景。
- 应用场景：适用于网站托管、应用程序部署、大数据分析、游戏服务等各种云计算场景。
请注意，以上答案仅供参考，具体解决方法可能因实际情况而异。
相关·内容
1回答
每当我运行npx cypress open-ct时，我的开发服务器就无法启动。
[@cypress/webpack-dev-server]: removing HtmlWebpackPlugin from configuration.
[@cypress/webpack-dev-server]: removing HtmlPwaPlugin from configuration.
[@cypress/webpack-dev-server]: removing PreloadPlugin from configuration.
[@cypress/webpack-dev-server]: rem
浏览 7提问于2021-12-18得票数 0
回答已采纳
5回答
我正在尝试用webpack做一个react应用程序，当我尝试运行npm start时，它应该加载http://localhost:3333，但它显示无法访问站点，这是我的webpack配置：
module.exports = {
entry: './main.js',
output: {
path: '/',
filename: 'index.js'
},
devServer: {
inline: true,
port: 3333
},
浏览 2提问于2016-11-08得票数 7
当我使用Atom的AutoSave OnChange包运行我的应用程序时，我想要自动运行和自动刷新webpack-dev-server。 我的webpack-dev-server是： devServer: {
contentBase: './src/index.js',
host: '0.0.0.0',
compress: true,
port: 3001, // port number
historyApiFallback: true,
quiet: true,
浏览 39提问于2019-03-08得票数 1
回答已采纳
3回答
我只是无法启动这台服务器，我读取了。
devServer: {
contentBase: path.join(__dirname, "dist"),
compress: true,
port: 9000
}
示例代码看起来很简单，但我只是无法成功地启动这台服务器，无论我尝试了什么，不同的文件夹，它就是无法获得内容！我是不是遗漏了什么？
任何帮助都是非常感谢的。
输出：
Project is running at http://0.0.0.0:8080/
webpack output is served from /assets/
Content not from w
浏览 23提问于2017-03-10得票数 26
回答已采纳
2回答
我目前正在开发一个react项目，并且已经开发了基本组件。昨天一切都很好。然后我开始了一个新的原生react项目。使用create- react -native-app安装项目后，npm start命令无法启动服务器，但它在react项目中运行良好。
我使用的是Node10.6和npm 5.6。在阅读了一些建议后，我将node更改为v8.11，将npm更改为6.2。安装watchman并更改inotify手表后，我终于让本机应用程序启动了。
今天，我试着启动react项目，但是服务器没有启动。这就是终端显示的内容...
Starting the development server...
浏览 1提问于2018-07-18得票数 1
从Rails 5.1开始，可以在rails server旁边运行webpack-dev-server。我已经将launch.json中的调试器配置为运行rails服务器。当我通过vscode启动rails服务器时，我希望它在后台自动运行./bin/webpack-dev-server，以便将javascript更改自动编译为另一个进程，但我不知道如何实现这一点。
我已经在tasks.json中创建了运行webpacker的任务，但是我不知道如何将它与launch.json结合起来。
这是我的launch.json
{
"version": "0.2.0",
浏览 2提问于2020-12-24得票数 1
回答已采纳
情况是这样的
nodemon ./app
效果很好。
nodemon "./app"
不会的。
这会导致nodemon在没有实际运行./app的情况下不断地启动和重新启动。你为什么要问这件事？请考虑以下几点。
webpack-dev-server --config webpack/webpack.config.js
我想用nodemon运行上面的代码，但是webpack-dev-server和nodemon都使用--config标志。这意味着我必须在引号中输入上述命令，结果如下。
nodemon "webpack-dev-server --config webpack/
浏览 2提问于2017-10-10得票数 0
回答已采纳
我一直试图通过在修改文件时使用应用程序的重新加载来简化React应用程序的开发，并为此尝试了webpack-dev-server (请参阅我之前的线程：)。我使热重新加载工作，但遇到了一个问题:超时开始发生在我的请求，我看到了控制台中的空响应错误。有一些线程讨论这个问题，例如：，但到目前为止，我无法使它工作。设置--host 0.0.0.0不工作，设置--port 3000消除了空响应错误，但是热重加载已经消失。下面是我的webpack相关配置：
devServer: {
index: '',
open: true,
proxy: {
c
浏览 0提问于2019-03-27得票数 0
我使用webpacker用Rails和Vue做了一个新项目。首先，我得到了奇怪的错误
因此，我点击了yarn upgrade webpack-dev-server --latest，这是正确的答案，并帮助了我，但当我点击：./bin/webpack-dev-server，我的webpack开发服务器启动，一切看起来都很好，但在http://localhost:3035/，我得到了“不能得到/”的消息。
JS控制台：Failed to load resource: the server responded with a status of 404
我还试着重新安装webpacker。
浏览 0提问于2018-03-07得票数 2
回答已采纳
1回答
我有package.json与所有的依赖性和启动脚本与webpack。在部署到heroku时，我收到错误R10 (启动超时) -> Web进程无法在启动后60秒内绑定到$PORT
"scripts": {
"start": "webpack-dev-server --test"
},
Webpack配置文件。
var config = {
entry: './main.js',
output: {
path:'./',
filename: 'index.js',
},
devSe
浏览 4提问于2017-01-19得票数 1
1回答
我已经创建了一个反应应用程序通过创建-反应-应用程序包，我想得到一个添加到我的应用程序的主屏幕按钮。我在yarn start上在localhost:8080上运行我的开发服务器。我已经通过> chrome://flags/#bypass-app-banner-engagement-checks在Chrome中添加了Bypass user engagement checks
我在浏览器中(在pc上)导航到我的应用程序，然后进入响应性操作，但我在日志中看到了一个错误：
无法安装站点:页面没有清单URL
create插件将Manifest放在./public文件夹中，但我使用webpack-
浏览 3提问于2020-08-09得票数 0
在我的ReactJS项目中运行"Yarn start“时，我遇到了一个小问题。错误粘贴在下面： yarn run v1.22.5
$ webpack-dev-server --mode development
The CLI moved into a separate package: webpack-cli
Please install 'webpack-cli' in addition to webpack itself to use the CLI
-> When using npm: npm i -D webpack-cli
-> When usi
浏览 187提问于2020-11-19得票数 0
1回答
反应npm启动问题
、、、、
当npm启动时，我会得到这个错误。我尝试删除节点模块并再次执行npm安装，但没有解决问题。
多个(webpack)-dev-server/client? ./main.js中的错误
模块未找到:错误:无法解析“*”中的“babel”
@ multi (webpack)-dev-server/client? ./main.js
webpack:编译失败
This is my webpack.config
module.exports = {
entry : './main.js',
output: {
浏览 2提问于2017-08-04得票数 0
我想使用typescript 1.8.10启动我的webpack项目，但当我键入webpack-dev-server --port 3001时，webpack似乎正在关闭，没有出现错误消息。
以下是控制台窗口的输出：
E:\Files\Document\Project>webpack-dev-server --port 3001
http://localhost:3001/webpack-dev-server/
webpack result is served from /
content is served from E:\Files\Document\Project
ts-loade
浏览 0提问于2016-11-16得票数 1
我试图运行webpack-dev-server，但是当我转到http://localhost:8080/时，浏览器会返回。
No data received
ERR_EMPTY_RESPONSE
溶液
我可以通过明确告诉webpack使用3000端口来解决这个问题。
webpack-dev-server --port 3000
在http://localhost:3000/上运行
浏览 7提问于2015-12-06得票数 11
在package.json devDependencies中，我安装了webpack-dev-devDependencies：
"webpack-dev-server": "3.2.1"
但是当我运行启动脚本时，它看起来如下所示：
"start": "webpack-dev-server --inline --config demo/webpack.config.js --port 9000 --mode development"
我得到了这个错误：
sh: 1: webpack-dev-server: not found
npm
浏览 0提问于2019-06-25得票数 0
1回答
在React中，我运行"start": "webpack-dev-server --hot"，但是我得到了这个错误：
我的档案结构：
package.json:
{
"name": "reactapp",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"
浏览 0提问于2018-08-27得票数 0
ruby version - 2.4.2
rails - 5.1
rails new my_app --webpack=react
当我尝试用foreman start -f Procfile.dev或./bin/webpack-dev-server启动服务器时
我得到跟踪错误，但找不到原因。任何帮助都是非常感谢的。
/Users/shani/Wspace/myapp/node_modules/webpack-dev-server/bin/webpack-dev-server.js:405
throw e;
^
TypeError: Cannot read pr
浏览 0提问于2018-03-01得票数 7
回答已采纳
我下载了zip (从)并解压缩，然后执行"npm i“命令。然后运行"npm“，控制台显示如下：
e:\GitHub\NealWalters\GrapeJSDemo>npm启动
grapesjs@0.14.5 start e:\GitHub\NealWalters\GrapeJSDemo npm运行构建:css -w & webpack-dev-server --打开-进度--颜色
生成:css e:\GitHub\NealWalters\GrapeJSDemo节点-sass src//scss/main.scss dist/css/gges.min.css--
浏览 0提问于2018-03-04得票数 0
Webpack devServer.contentBase说
还可以从多个目录服务：
webpack.config.js
module.exports = {
//...
devServer: {
contentBase: [path.join(__dirname, 'public'), path.join(__dirname, 'assets')]
}
};
通过CLI使用
webpack-dev-server --content-base /path/to/content/dir
我不知道如何通过CLI通过多条路径。
在我的pa
浏览 0提问于2019-02-02得票数 3
1回答
npm启动时出错:作者问题
、、、、
npm在命令提示符下启动时出现错误：
package.json:
{
"name": "reactapp",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "webpack-dev-server
浏览 1提问于2018-07-05得票数 0
我有一个项目，我试图通过github上的源文件将其部署到Heroku上，但它无法“构建”该项目，而是运行npm start (据我所知)。
这是我的package.json文件：
{
"name": "workout-app",
"version": "1.0.0",
"description": "Work out builder",
"main": "index.js",
"scripts": {
"dev
浏览 0提问于2020-11-10得票数 0
我已经建立了一个基本的巴贝尔webpack创业项目，我从git克隆。git存储库没有dest/output/build文件夹，也没有任何初始构建文件。webpack认识我，所以我认为当webpack-dev-server启动时，它会创建一个文件夹(在我的例子中是“build”)，并对源文件进行第一次编译。相反，我被迫手动启动流程，只有在初始编译之后，webpack-dev-server才会编译这些更改。
我错过了什么？
package.json
{
"name": "babel-webpack-starter",
"version": &
浏览 0提问于2018-08-03得票数 2
回答已采纳
3回答
我正在使用npm+webpack来管理一个反作用web应用程序。我想为国家预防机制定义几个命令，以便运行一些webpack的命令。下面是我在package.json文件中定义的两个命令脚本。
"scripts": {
"start": "webpack-dev-server --host 0.0.0.0",
"build": "NODE_ENV=production webpack --config ./webpack.config.js --progress --profile --colors"
},
如您所见
浏览 2提问于2016-08-10得票数 2
回答已采纳
当我部署我的vaadin应用程序时，我获得了构建成功，但我在日志中得到了以下错误：“无法启动dev服务器，因为'/app/node_modules/webpack-dev-server/bin/webpack-dev-server.js‘不存在。npm install没有运行或失败。”应用程序也不起作用。我已经添加了jetty插件和procfile也应该是好的。有人知道发生了什么吗？指向该项目的github链接是
浏览 2提问于2022-04-13得票数 0
我在一个非常简单的设置中使用webpack-dev-server。我发现，即使服务器在index.js文件更改时自动触发浏览器重新加载，但它不会在index.html更改时触发重新加载。我怎样才能做到这一点？
这是我的装置：
package.json
{
"name": "html-reload",
"version": "1.0.0",
"description": "",
"main": "src/index.js",
"scripts
浏览 0提问于2016-03-07得票数 3
回答已采纳
1回答
我已经用npx create-electron-app electron --template=webpack创建了一个电子伪造应用程序。
然后我做了npm install webpack-dev-server
在我的webpack.renderer.config.js中，我开始添加一个带有proxy和before节的devServer节，但是当我使用npm run start时，这些部分将被忽略。
npm运行启动运行electron-forge start，我认为问题就在那里，因为我无法直接访问webpack的呼叫以获得webpack serve ...
webpack的电子开发服务器需要什
浏览 3提问于2021-04-01得票数 0
在我的设置中，我们在本地机器上进行开发，然后将代码同步到一个流浪者框中。
我通过一起运行webpack -w和rsync守护进程来完成这个任务-- webpack构建了这些文件，然后rsync立即获取更改并上传它们。
然而，这将不适用于实时/热重装。因此，我希望做的是在HTML中交换这两行代码：
<script src="/assets/bundle-ba00eb4a9c20608dbf97.js" charset="utf-8"></script>
<link href="/assets/bundle-f6d909a555
浏览 1提问于2015-12-18得票数 4
从命令行/NPM脚本运行webpack-dev-server时，如何获取我的webpack.config.js文件中的webpack-dev-server实例的端口号？我不能只使用devServer对象中定义的端口号，因为如果发生端口冲突，服务器会递增该端口号(因为同时服务于另一个项目)。谢谢!
浏览 2提问于2017-08-24得票数 0
2回答
当我使用"npx create- react - app -name“创建一个新的react应用程序时，它在开始时可以工作，但在启动服务器后，有时会显示错误
正在启动开发服务器...
events.js:298
throw er; // Unhandled 'error' event
^
Error: ENOSPC: System limit for number of file watchers reached, watch '/home/ashim/Desktop/all-react/clone-netflix/public/log
浏览 1提问于2020-05-08得票数 0
我在Windows命令提示符中运行: npm
并得到：
JavaScript-ES6@1.0.0启动C：\Dans\Course\JavaScript-ES6 webpack-dev-server
דwds”：无效配置对象。Webpack已经使用一个与API模式不匹配的配置对象进行初始化。- configuration.module有一个未知的属性“装入器”。这些属性是有效的: object { exprContextCritical？、exprContextRecursive？、exprContextRegExp？、exprContextRequest？、noParse？、rule
浏览 1提问于2018-05-24得票数 0
回答已采纳
2回答
我正在尝试用webpack-dev-server为webpack-dev-server应用程序使用Dockerfile
FROM node:lts-slim
RUN mkdir -p /usr/src/app
WORKDIR /usr/src/app
EXPOSE 3000
CMD [ "npm", "start" ]
"start": "webpack-dev-server --port 3000"这条package.json线
docker-compose.yml
version: "3"
servic
浏览 6提问于2020-02-23得票数 2
回答已采纳
我正在尝试设置一个简单的html/Js页面。
我已经安装了webpack和巴别塔。我已经使用“构建”和“启动”脚本配置了package.json文件。
该页面运行得很好，但出现警告：“每次我执行"npm run start”命令时，webpack:///node_modules/sockjs-client/dist/sockjs.js.map“都会抛出警告："DevTools无法解析SourceMap，并且我无法在Chome Devtools中调试我的代码
package.json：
{
"name": "my-proyect",
浏览 0提问于2020-03-30得票数 4
在运行下面的命令以运行webpack dev服务器时，我会得到这个错误。在一些页面中，大多数人提到它可能与webpack的过时版本有关，但我相信我的组件都在最新版本上：
webpack-dev-server@3.11.2webpack-cli@4.5.0webpack@5.24.4
这是我正在运行的启动webpack dev服务器的命令：
npx webpack-dev-server --compress --history-api-fallback --progress --host 0.0.0.0 --port 3005
这是我的Package.json：
{
"name
浏览 4提问于2021-03-10得票数 0
我正在尝试启动我刚刚从GitHub存储库克隆的Redux应用程序。
我尝试用以下命令运行它
npm start
我收到了这个错误
> react-redux@1.0.0 start /home/workspace/assignment
> webpack-dev-server --config ./configs/webpack/webpack.config.development.js
sh: 1: webpack-dev-server: not found
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENO
浏览 0提问于2018-05-15得票数 127
回答已采纳
1回答
我能够创建角应用程序项目使用尤曼生成器的超级分类账作曲家。
运行由yeoman生成器命令生成的角应用程序时出现以下错误: npm启动。
未能找到多个webpack-dev-server/client? ./src/main.ts模块中的错误:错误:无法在'/home/praval/composer-sample-networks/packages/marbles-network/myapp‘中解析'webpack-dev-server/client?’
浏览 1提问于2017-07-19得票数 0
3回答
当我使用npx create- react -app名称创建一个react应用程序，并尝试启动该应用程序时，我收到错误，退出代码为1，更确切地说，这是一个错误 It is likely not a bug in Create React App, but something you need to fix locally.
The react-scripts package provided by Create React App requires a dependency:
"webpack-dev-server": "3.11.0"
Don
浏览 318提问于2020-08-15得票数 0
回答已采纳
如果我安装webpack-cli，我就不能运行webpack
你们把webpack-cli和webpack-统帅放在一起了.
"webpack": "^4.43.0",
"webpack-cli": "^3.3.11",
"webpack-dev-server": "^3.10.3",
"webpack-merge": "^4.2.2"
卸载时我无法运行webpack-dev-server
CLI移动到一个单独的包: webpack-cli，请安装' webp
浏览 2提问于2020-05-03得票数 0
1回答
由于某些原因，我无法启动和运行我的Vue项目。我有另一个项目，具有完全相同的设置和版本，工作正常，但在此安装过程中，我收到以下错误：
ERROR in ./app/javascript/components/app.vue
Module parse failed: Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
这是我的package.json文件：
{
"dependencies": {
"@rails/webpacker": &
浏览 2提问于2018-10-26得票数 0
3回答
我使用了来自的教程
当我输入"npm start“时，从命令提示符得到下面的消息:我做了所有的事情，并且我已经安装了node.js。请帮帮我！！
编辑: wjwar是用户名
C:\Users\wjwar\Desktop\reactApp>npm start
> reactApp@1.0.0 start C:\Users\wjwar\Desktop\reactApp
> webpack-dev-server --mode development --open --hot
'webpack-dev-server' is not recognized a
浏览 1提问于2019-02-27得票数 0
我试图做一个相对简单的设置：
带有HTML虚拟主机的Apache服务器。
Webpack和Webpack开发的资产重新装载和生成服务器。
要做到这一点，是另一个服务器来传递它不知道如何处理的请求。
使用基本python服务器(可以工作)：
在上启动python。
运行npm启动。
Webpack开发服务器使用启动并代理python服务器。
访问并查看python和Webpack资产的HTML结果。
使用Apache服务器：
启动Apache服务器。
运行npm启动。
Webpack开发服务器使用启动并代理Apache服务器。
访问loca
浏览 6提问于2016-02-16得票数 3
回答已采纳
我之前使用了一个简单的脚本来启动一个React应用程序，但是我需要手动重新加载、重建和重新启动所有的东西，这是很乏味的。现在我正试图设置webpack-dev-server来为我做这件事。不知何故，webpack-dev-server by ./node_modules/.bin/webpack-dev-server --inline --hot只是静态地从最上面的文件夹中提供文件，而不是启动应用程序。在此之前，我使用了以下脚本来启动应用程序(它运行得很好)：
#!/usr/bin/env node
/**
* Module dependencies.
*/
var app = req
浏览 1提问于2019-03-25得票数 1
回答已采纳
我有一个如下的文件结构：
Project
|
+-- src/
| |
| +-- index.js
|
+-- index.html
|
+-- webpack.config.js
src/index.js：
document.write("Hello World.");
index.html：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>webpa
浏览 4提问于2016-12-24得票数 1
回答已采纳
4回答
在使用"npm“并通过"npm”启动本地服务器后，我开始得到以下错误：
ERROR in ./~/@angular/material/@angular/material.es5.js
Module not found: Error: Can't resolve '@angular/animations' in '/home/ashvini/Desktop/HN-Angular2/node_modules/@angular/material/@angular'
@ ./~/@angular/material/@angular/materi
浏览 5提问于2017-04-11得票数 34
回答已采纳
我有webpack-dev-server，我从npm (package.jso)n运行它：
"scripts": {
"build": "NODE_ENV=production webpack -p --config webpack.production.config.js --progress --profile --colors",
"dev": "webpack-dev-server --progress --profile --colors --hot"
},
它来自一些初学者工具包，它工作
浏览 0提问于2016-05-26得票数 0
正在启动开发服务器... events.js:292
throw er; // Unhandled 'error' event
^
Error: ENOSPC: System limit for number of file watchers reached, watch '/home/user_name/chat-app/public'
at FSWatcher.<computed> (internal/fs/watchers.js:218:26)
at Object.watch (fs.js:1525:
浏览 81提问于2020-12-11得票数 1
我是Angular2 Cli的新手，在这里我在运行Cli项目时发现了一个错误。
多主模块中的'webpack-dev-server/client?‘错误，未找到模块:错误:无法解决’node_\angular\model‘中的
我已经在全球范围内安装了“webpack”和“webpack-dev-server”，但错误仍然存在。
任何身体，请帮助我找到解决办法。
谢谢,
浏览 16提问于2016-10-27得票数 7
1回答
我已经为我的应用程序配置了WebPack，并添加了webpack-dev-server。它在运行后成功编译，并显示“项目正在上运行”。然而，当我试图在我的浏览器中打开它时，我得到一个“此站点无法访问”的页面，并显示以下错误：
ERR_CONNECTION_REFUSED
任何修复建议都将非常感谢！
我的package.json文件中的代码片段：
"scripts": {
"build": "webpack --config webpack.config.js",
"start:dev": "webpack-
浏览 26提问于2019-03-30得票数 6
回答已采纳
我将Node最新版本更新为15.0.1 &NPM7.0.3。在我安装节点模块并使用npm运行我的项目之后，启动它，显示这些类型的错误.
交叉env NODE_ENV=development webpack-dev-server --开放式-config webpack.dev.js
节点:事件:304抛出er；//未处理的“错误”事件^
错误:在Process.ChildProcess._handle.onexit (节点:内部/子进程:269:19) onErrorNT (节点:内部/子进程:465:16)的processTicksAndRejections (节点:内部/进程/任
浏览 3提问于2020-10-27得票数 1
3回答
需求
我需要运行webpack开发服务器，直到服务器准备好提供页面。
溶液
// Start a webpack-dev-server
new WebpackDevServer(webpack(myConfig), {
publicPath: myConfig.output.publicPath,
hot: true,
historyApiFallback: true,
// It suppress error shown in console, so it has to be set to false.
quiet: false,
// It
浏览 2提问于2017-03-22得票数 7
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
