我一直在做一个Range2/ webpack项目，我是通过一个模板购买的，这个模板已经有webpack开发和生产服务器了。它们如下：
webpack.config.js：
// Look in ./config folder for webpack.dev.js
switch (process.env.NODE_ENV) {
case 'prod':
case 'production':
module.exports = require('./config/webpack.prod')({env: 'production&
浏览 5提问于2017-02-20得票数 0
我们正在开发一个应用程序，使用hapi作为We服务器，使用webpack热中间件进行热模块替换。
应用服务器在http://hostname:8080上运行。
应用程序通常可以通过http://hostname/my/module/访问，以使http://hostname/my/module/服务于运行在hostname:8080下的应用程序，我们使用的是IIS重写，它可以重写从http://hostname/my/module/(...)到http://hostname:8080/(...)的所有内容。
现在，当使用webpack-hot-middleware进行开发时，问题就出现了。看来，
浏览 5提问于2020-02-24得票数 2
1回答
运行npm start会产生以下错误：
root@precise64:/vagrant/es6-react-setup# npm start
> es6-react-setup@1.0.0 start /vagrant/es6-react-setup
> webpack-dev-server
http://localhost:3000/
webpack result is served from /
content is served from /vagrant/es6-react-setup
Hash: 34234gagawsdf3434
Version: webpack
浏览 5提问于2016-10-11得票数 3
回答已采纳
我使用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
回答已采纳
我最近换了Vue 3 CLI。使用创建Vue项目后，我安装了webpack，然后将以下文件添加到项目的基本目录中：
vue.config.js
const webpack = require('webpack')
module.exports = {
configureWebpack: {
plugins: [
new webpack.optimize.LimitChunkCountPlugin({
maxChunks: 1
})
]
},
浏览 0提问于2019-01-17得票数 0
回答已采纳
我无法连接到Linux Container的网页。我正在遵循Udemy关于Reactjs和Redux的课程，并从Github克隆了代码库。
我已经毫无问题地运行了npm install，然后运行了npm start
jason@courses:~/udemy/react1/ReduxSimpleStarter$ npm start
> redux-simple-starter@1.0.0 start /home/jason/udemy/react1/ReduxSimpleStarter
> node ./node_modules/webpack-dev-server/bin/we
浏览 15提问于2017-06-28得票数 0
回答已采纳
我只是想将这个React脚本安装在cPanel服务器上，至少可以说，它已经超出了我的权限。现在在本地Linux上进行测试。
脚本：
我逐字地遵循了readme_md，但没有结果。似乎是一个简单的问题，我可以覆盖和更新，但我的不到100个小时的反应，使我的逻辑医生血管有点困惑。
错误日志：
[referBeam (10)] [mrt@srv referBeam]$ npm install
npm WARN schemebeam@1.0.0 No repository field.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@
浏览 25提问于2022-05-29得票数 0
当我试图命令时，我得到了以下错误：
$ npm run dev
我还使用了nodejs、git以及对cmd具有管理权限。
错误如下所示：
D:\IIT Samester\KAZ\ReactJSProjects\GitFrom\webpack-example-master\webpack-examp
le-master>npm run dev
> webpack-example@0.0.0 dev D:\IIT Samester\KAZ\ReactJSProjects\GitFrom\webpack-example-master\webpack-example-master
>
浏览 2提问于2015-04-16得票数 4
回答已采纳
1回答
我有一个express.js应用程序，并且我想在应用程序启动之前运行命令构建，但是我得到了这个错误："Error R10 (Boot timeout) -> Web process failed to bind to $PORT I 60 Web of launch“。 以下是我在package.json中编写的脚本 "scripts": {
"dev": "concurrently \"webpack --config webpack/client.prod.js --progress --watch\" \"w
浏览 8提问于2019-04-17得票数 0
所以，我用WebStorm和webpack一起开发了一个React应用程序，通常我只在控制台上运行webpack-dev-server，服务器在8081端口，我打开浏览器，访问localhost:8081//build，所有工作都是热重装的。
今天我想在WebStorm中使用调试器更深入地调试代码，我以前从未使用过断点，所以我转到了这个页面。
虽然我没有安装create-react-app，因为我的项目不是由模块生成的，但是我使用webpack.config.js和package.json手动创建了项目，但我不知道如何生成一个现有的项目。
第二，我没有运行npm start作为指令，我还传递了
浏览 4提问于2017-07-24得票数 1
回答已采纳
我正在使用Laravel/Homestead开发一个Laravel-Vue应用程序。Vue代码是使用laravel-mix编译的，全部使用全新安装(这是一个新项目)。
我希望能够在Laravel项目之外测试我的Vue组件。所以我想我只是
1)在package.json中添加如下脚本
"devser": "cross-env NODE_ENV=development webpack-dev-server",
2)添加一个入口点main.js文件，我可以在其中独立运行我的组件
import Vue from 'vue'
import Example
浏览 2提问于2017-09-27得票数 2
2回答
我有一段代码可以在码头或本地运行。由于某种原因，热重装只能在码头上工作。
代码显然是相同的，内容由webpack开发服务器托管和正常服务。热重新加载没有端口错误，两种解决方案都使用相同的主机端口。
会是什么？
以下是不同之处：
主机: ubuntu和节点v14.1.0
容器:节点:14.0.0-al菠萝3.10
用于运行的命令是：
webpack-dev-server -配置webpack/webpack.dev.js -热
而webpack的相关部分是
module.exports = {
...common,
mode: "development",
devSe
浏览 3提问于2020-05-03得票数 0
我正在尝试为我想要建立的网站设置Webpack配置。我想编译SASS到CSS，并将其放在dist文件夹中。当我运行npm run build时，它可以正常工作，但是当我运行npm run watch来触发Webpack-dev服务器时，它不会将index.js编译成bundle.js，并且它不会出现在dist文件夹中。我的webpack.config.js有什么问题吗？
index.html
<html>
<head>
<title>Getting Started</title>
<link rel=
浏览 0提问于2018-02-22得票数 11
回答已采纳
1回答
我刚开始使用js，我看到了很多关于使用react和Django使用django-webpack-loader和webpack包跟踪器的文章，我必须说我跟踪了它们，但没有成功。首先，我很困惑。我要运行哪台服务器？
py manage.py runserver
或
webpack --config webpack-config.js -watch
姜安戈-webpack-装载机是做什么的？
我甚至不知道我是否问过所有我应该问的问题。我只知道我没有成功地把他们联系起来
浏览 1提问于2017-09-29得票数 1
回答已采纳
我是一个新手，在学习使用Webpack和AngularJS应用程序时很匆忙。
我一直在关注下面关于它的精彩文章，但是当我试图运行bundle时，我遇到了一个错误。
完成npm调试-日志：
0 info it worked if it ends with ok
1 verbose cli [ 'C:\\Program Files\\nodejs\\node.exe',
1 verbose cli 'C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js',
1 verbose cli &
浏览 0提问于2018-12-07得票数 0
我正在尝试使用Webpack和Docker在web应用程序中使用服务人员。 我目前所做的一切都运行良好(服务工人，webpack配置，工人注册...) 实际上我的应用是在一个Docker容器中运行的，在这个容器中我可以启动我的webpack构建来创建我所有的JS文件。 但现在我希望能够和我的服务人员一起使用webpack开发服务器和HMR。 为此，我使用了在manifest.json中正确引用我的服务工作者的https://github.com/oliviertassinari/serviceworker-webpack-plugin 然后，当我通过web浏览器访问我的应用程序时，除了我的工
浏览 14提问于2019-01-25得票数 12
css/sass/指示笔文件可以以某种方式直接导入Elm文件吗？在带有import './styles.css'的Javascript中，Webpack的css-loader模块实现了这一点，但我找不到任何关于在Elm中有没有webpack都可以做到的东西。
浏览 0提问于2016-04-03得票数 5
由于某些原因，我无法让webpack-hot-loader正常工作。这就是我使用它的方式：
const bodyParser = require('body-parser')
const cors = require('cors')
const express = require('express')
const webpack = require('webpack')
const webpackDevMiddleware = require('webpack-dev-middleware')
const we
浏览 36提问于2018-07-14得票数 0
当我使用npm run dev时，它似乎启动了两次，并且抛出了一个错误。它过去是有效的-是什么配置导致了这个错误？标准的可变配置是否应该运行两台web服务器，一台在端口3000上，另一台在3001上？
> node webpack-dev-server.js & PORT=3001 nodemon start.js -e js,jsx
[nodemon] 1.8.1
[nodemon] to restart at any time, enter `rs`
[nodemon] watching: *.*
[nodemon] starting `node start.js`
Web
浏览 0提问于2016-07-20得票数 0
我正在尝试使用webpack-dev-server“热加载”我的jsx组件。这是我使用的命令：
bin/webpack-dev-server --host 0.0.0.0
当我保存我的jsx代码时，它会有趣地编译，但不会通知我的开发web服务器更新已经发生。我必须手动刷新浏览器才能反映更改。
我正在使用docker，所以我怀疑它与网络问题有关。我注意到webpack-dev-server使用端口3035，而我的web开发服务器使用端口3000。
问一下，当webpack-dev-server编译完成后，会不会打开一个到webserver的socket连接，使其刷新？
浏览 2提问于2020-06-05得票数 2
我的包裹里有这个json：
webpack-dev-server --config config/webpack.config.js --port 80
我还尝试将端口添加到配置中，如下所示：
devServer: {
historyApiFallback: true,
host: '0.0.0.0',
port: '80',
},
它给出了同样的错误：
webpack-dev-server --config config/webpack.config.js --port 80
loader option has been deprecated -
浏览 3提问于2017-04-11得票数 4
回答已采纳
我试图模仿我的后端来开发前端，我正在使用库expressjs来实现这一点。
我有一个名为data.json的文件，它包含这样的对象：
"singleExecutions":[
{"executionId":190, "label":"exe_190"},
{"executionId":191, "label":"exe_191"},
...]
我希望将/executions/executionId类型的请求路由到列表singleExecutions中的相应对
浏览 1提问于2018-04-11得票数 1
回答已采纳
当我试图将我的dockerized应用程序部署到Heroku时，我只得到以下错误：
Error R10 (Boot timeout) -> Web process failed to bind to $PORT within 60 seconds of launch
我试过多种选择，但都没有用。每次我得到以上错误或构建崩溃。
Dockerfile
FROM ubuntu:20.04
ARG DEBIAN_FRONTEND=noninteractive
RUN apt-get update && \
apt-get install -yq curl &&am
浏览 5提问于2022-04-24得票数 0
我正在学习socket.io。按照本教程的要求，我使用express和webpack创建了一个简单的服务器。
const path = require('path');
const webpack = require('webpack');
const app = require('express')();
const config = require('./webpack.config.local');
const server = require('http').Server(app);
const io
浏览 0提问于2017-10-13得票数 1
我已经成功地生成了生产文件，并在节点prod服务器上运行(内置于react样板)。当我从IIS配置的URL 运行项目时，我会得到控制台错误：GET http://localhost/main.21e300b8d1fb516da3f2.js和GET http://localhost/main.7298ab25765cc3b7f65141e9b8a880ff.css。
路径似乎指向localhost的根，并且似乎不包含"/abc“。
我把webpack的配置设置如下：
module.exports = (options) => ({
entry: options.entry,
浏览 4提问于2016-12-29得票数 0
回答已采纳
在Webpack 4的帮助下，我一直试图在Django内部建立一个反应组件。
为了让我开始，我读了一遍：
这两个演练都很棒。最后，虽然我使用Django 1.11，但我还是通过遵循第二个链接来使它几乎正常工作。
在遵循第二个链接之后，我遇到的问题是，在使用webpack-dev-server时，热重新加载无法工作。问题是Django不能读取webpack-dev-server的输出文件(产生404错误)，而main.js可以读取。我已经看到，默认情况下，dev-server文件只存在于内存中。
为了克服热重新加载文件中出现的错误404的问题，我安装了包write-f
浏览 1提问于2018-04-25得票数 48
我遵循这里描述的具体步骤：
可达
打开浏览器并导航到。“添加数据”按钮尚未工作。接下来我们会研究这个问题。
然而，访问Chrome的本地主机并不显示任何内容。在重新加载时，我可以在Chrome中看到以下三个不同的错误：
ERR_CONNECTION_RESET
ERR_EMPTY_RESPONSE
ERR_SOCKET_NOT_CONNECTED
我尝试过不同的配置，包括公共路径等，但到目前为止没有什么效果。
npm start之后的输出看起来很正常：
➜ amplify-js-app npm start
> amplify-js-app@1.0.0 start /Users/r
浏览 0提问于2019-11-26得票数 0
回答已采纳
1回答
我对webpack的一个vue.js应用程序进行了串行化，并使用dockerirized运行它。它在终端上运行没有问题，但当我进入浏览器时：“不可能到达ip”。我使用了docker-工具箱(因此，一个VM)。首先，我创建了一个新文件夹并执行以下行，以便使用webpack完成一个新的vue项目：
npm install -g vue-cli
vue init webpack vueapp2
现在，如果我使用npm run dev运行我的应用程序，它可以正常工作。为了修改它，我创建了一个Dockerfile：
FROM node:alpine
RUN npm install -g vue-cl
浏览 1提问于2020-06-18得票数 0
回答已采纳
在调试模式下运行时，我认为热重加载无法在127.0.0.1上连接，因为(在WSL2中)应该是本地主机。如何将此更改为本地主机？
如何解决这个问题？我想那是webpack的配置。
浏览 2提问于2020-08-14得票数 2
1回答
我的应用程序具有以下结构
./
client/
.. some files
server/
server.js
widgets/
.. some files
webpack.conf.js
现在，我希望webpack完全忽略server/目录的内容。我知道，webpack正在运行server.js的文件，因为当我自己启动它时，我得到了EADDRINUSE。Webpack运行server.js文件。
我试过以下几种方法
在include和exclude中使用module.loaders
使用module.noParse
在resolve.root中选择客户端和
浏览 8提问于2016-03-12得票数 2
回答已采纳
1回答
我正在使用react-webpackage并将项目运行到node.js中，现在由于需求，我必须在项目中添加一些php文件，但我不知道如何在我的项目中添加php文件，现在将我的项目从node.js转换为Xampp，并使用xampp运行我的项目。你能指导我一下吗？
我用的是这个webpack的"“。
我的webpack index.js文件是这样的。
'use strict';
var fs = require('fs');
var path = require('path');
var express = req
浏览 11提问于2016-08-30得票数 0
回答已采纳
我是jhipster的初学者，我有一些bug。我不知道为什么。当我用npm start运行我的jhipster应用程序时，我有一个bug。
$ npm start
> agrosfer@0.0.0 start C:\Users\pc\Desktop\acumen_network\DEV0408181449
> yarn run webpack:dev
yarn run v1.7.0
$ yarn run webpack-dev-server -- --config webpack/webpack.dev.js --progress --inlin
浏览 0提问于2018-08-05得票数 2
我有一个简单的应用程序，带有react和类型记录，在localhost上显示hello world :8080。当我在命令行上运行我的应用程序时，我会在本地主机上看到hello world消息，但是当我对我的应用程序进行对接，并运行我无法访问localhost:8080时，有人能帮我吗？webpack.config.js的内容：
const webpack = require("webpack");
const process = require("process");
const HtmlWebpackPlugin = require("html-we
浏览 5提问于2022-03-31得票数 0
回答已采纳
从命令行/NPM脚本运行webpack-dev-server时，如何获取我的webpack.config.js文件中的webpack-dev-server实例的端口号？我不能只使用devServer对象中定义的端口号，因为如果发生端口冲突，服务器会递增该端口号(因为同时服务于另一个项目)。谢谢!
浏览 2提问于2017-08-24得票数 0
我已经在数字水滴上安装了webpack开发服务器.在开始这项服务的时候，上面说，
webpack结果来自/内容来自
但当我在浏览器中访问端口8080的液滴的IP地址时，显示出连接拒绝错误。
在运行节点服务器时，我可以通过IP地址访问它。
浏览 0提问于2017-03-17得票数 1
回答已采纳
2回答
使用npm vue-cli时出错
、、、、
Windows 10
节点v8.9.2
npm 5.5.1
通过使用npm安装了vue-cli，但输入'npm run dev‘导致错误。
这是错误消息
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! webpack-simple@1.0.0 dev: `cross-env NODE_ENV=development webpack-dev-server --open --hot`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the webpack-simple@1.0.0 d
浏览 3提问于2017-12-08得票数 1
正在尝试让实时重新加载开始工作。基本上使用的是gearon-transform-boilerplate：
当我转到dev server localhost:3000时，我得到了实时重新加载
当我转到我的后端服务器，并从开发服务器加载src数据时，例如：
<script type="text/javascript" src="http://localhost:3000/static/bundle.js"></script>
reactjs页面加载正常，但没有热重新加载。(这意味着当我更改组件时，我必须刷新页面才能看到更改)
这是怎么回事呢？
浏览 0提问于2016-02-09得票数 0
当Browsersync启动时，它会向控制台显示此横幅： [BrowserSync] Proxying: http://localhost:10623
[BrowserSync] Access URLs:
--------------------------------------
Local: http://localhost:30623
External: http://192.168.1.71:30623
--------------------------------------
UI: http://localhost:3001
UI
浏览 24提问于2019-06-11得票数 3
1回答
我正在使用React，并添加了这个模块ccxt。在添加模块之前，一切都很好。模块安装正常。后来，我将这一行添加到脚本中：
const ccxt = require ('ccxt');
然后，当我发出npm start命令时，它抛出一个错误：
[WARN] No ENV file found
[OKAY] Wrapping display Output to 78 Columns
16:29:02 backend.1 | info: Starting app...
16:29:03 frontend.1 | events.js:167
16:29:03 frontend.1
浏览 0提问于2018-06-04得票数 0
在其中一个更新突然停止工作之后。我现在正在通过Chrome开发工具进行调试。
ng服务运行良好，应用程序运行良好。
但是，我想再次用VSCode进行调试。尝试了几个托辞，这导致了上述同样的问题。2.
{
"version": "0.2.0",
"configurations": [
{
"name": "ng serve",
"type": "chrome",
"request": "launch",
浏览 0提问于2018-07-11得票数 3
回答已采纳
命令webpack-dev-server --hot正在引发端口8080的EADDRINUSE。
webpack用的港口怎么换？
浏览 4提问于2016-06-13得票数 0
回答已采纳
我使用webpack开发服务器，通过react脚本，我想使用它通过Visual提供的调试功能，但是，我有一个非标准的设置。我们有代理所有请求的webpack开发服务器前的服务，与其他服务捆绑请求，处理安全等本地开发，我打开本地主机:8080，它将所有请求转发给本地主机:8084，也就是webpack服务器。但是，该服务(在8080上)不支持websockets，因此无法转发它们。我看到webpack试图倒退到iFrame上，它适用于重新加载，但似乎不适用于调试。
有没有办法让我明确告诉webpack，它应该连接到端口8084上的webpack dev服务器，而不是尝试通过8080进行连接？我已
浏览 0提问于2018-03-21得票数 7
1回答
我用Vagrant，ubuntu xenial64设置了一个虚拟机，安装了npm/nodejs和vue-cli。
我用vue init webpack myproject搭建了一个webpack应用程序。当我现在运行npm run dev的时候，webpack服务器启动了，但是因为它在虚拟机里面，所以我不能在我的PC上访问网页。
我发现，您可以使用--host 0.0.0.0运行webpack服务器，但由于Vue-Cli会生成整个过程，因此我无法确定在何处可以添加此参数。
还是有其他的解决方案？
浏览 1提问于2017-03-27得票数 2
1回答
在老版本的webpack-dev-server (即3及以下版本)中，我们可以通过设置devServer.public的值，简单地通过ngrok通道暴露出webpack和webpack-dev-server的websock，如下图所示： // WDS v3
devServer: {
public: 'react-tunnel.ngrok.io',
// other webpack devServer config
} 这在像React这样的框架中开发应用程序时特别有用，因为我们可以创建一个从本地计算机到公共URL的安全隧道，以便轻松测试web应用程序。 然而，在最新版
浏览 60提问于2021-08-27得票数 9
1回答
我有一个这样的webpack.config.js文件：
var path = require('path')
var webpack = require('webpack');
module.exports = {
entry: "./index.js",
output: {
path: path.join(__dirname, 'static'),
filename:'bundle.js'
},
module: {
loaders:
浏览 0提问于2016-05-19得票数 0
现在我已经做好了反应的一切工作，webpack：
这是我的webpack.config.js
const HtmlWebPackPlugin = require('html-webpack-plugin');
const path = require('path');
module.exports = {
entry: {
index: './client/index.js',
},
output: {
filename: '[name].bundle.js',
path: path.join
浏览 0提问于2018-03-15得票数 0
回答已采纳
我正在尝试将webpack配置为使用typescript和handlebars。另外，我添加了webpack-dev-server，但它不起作用。它显示一切都在运行，但是当我转到localhost:6000时，我得到的是This site can't be reached。 下面是我的目录树： │ package.json
│ tsconfig.json
│ webpack.config.js
│
├───dist
│ bundle.js
│ bundle.js.map
│ index.html
│
└───src
浏览 42提问于2020-04-08得票数 1
回答已采纳
这是我第一次部署到heroku。部署本身是成功的，但当我打开应用程序时，我会得到一个错误。
看起来package.json或Procfile中存在一个问题。修复对你们来说可能是显而易见的，但是我对heroku并不熟悉，所以不要生气。
已通过运行heroku config:set NPM_CONFIG_PRODUCTION=false禁用了生产模式，但错误仍然存在，只是更改了日志
提前感谢你们的帮助！
详情如下：
app -
github回购-
Procfile
web: npm run start:production
package.json
{
"name": &#
浏览 1提问于2016-10-29得票数 0
1回答
我正在努力学习反应，但我不能启动国家预防机制。这是我的代码：
错误:
user:~/reactApp$ sudo npm start
> reactapp@1.0.0 start /home/user/reactApp
> webpack-dev-server --port 3000 --inline --content-base .
events.js:136
throw er; // Unhandled 'error' event
^
Error: listen EADDRNOTAVAIL 172.27.27.227:3000
浏览 0提问于2018-02-19得票数 1
我试图在Windows环境下使用阿波罗(GraphQL)、React、Webpack和MongoDB运行一个API服务。服务启动成功，但当我发送第一个请求时，服务就崩溃了。
我正在使用这个版本：
npm v5.6.0
节点v8.9.4
webpack诉3.8.1
webpack开发服务器v3.0.0
阿波罗-服务器诉^0.3.3
阿波罗-上传-服务器v^4.0.0-字母3
mongodb诉^2.2.33
这是服务启动时的输出：
C:\test-dev3\name_app\api>npm run start
Webpack is watching th
浏览 2提问于2018-02-27得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
