Tag: webpack dev server

尝试在容器中使用webpack-dev-server，得到其他方面不存在的错误: 我是反应，webpack和docker的新手。试图在容器中启动一个webpack-dev-server。当我从terminal上开始的时候它就开始了，但是试图从docker开始它给了我这个错误。 ERROR in ./~/react-select/dist/react-select.css Module parse failed: /usr/src/app/node_modules/react-select/dist/react-select.css Unexpected token (8:0) You may need an appropriate loader to handle this file type. SyntaxError: Unexpected token (8:0) at Parser.pp$4.raise (/usr/src/app/node_modules/webpack/node_modules/acorn/dist/acorn.js:2221:15) at Parser.pp.unexpected (/usr/src/app/node_modules/webpack/node_modules/acorn/dist/acorn.js:603:10) at Parser.pp$3.parseExprAtom (/usr/src/app/node_modules/webpack/node_modules/acorn/dist/acorn.js:1822:12) at Parser.pp$3.parseExprSubscripts (/usr/src/app/node_modules/webpack/node_modules/acorn/dist/acorn.js:1715:21) at Parser.pp$3.parseMaybeUnary (/usr/src/app/node_modules/webpack/node_modules/acorn/dist/acorn.js:1692:19) at Parser.pp$3.parseExprOps (/usr/src/app/node_modules/webpack/node_modules/acorn/dist/acorn.js:1637:21) at Parser.pp$3.parseMaybeConditional (/usr/src/app/node_modules/webpack/node_modules/acorn/dist/acorn.js:1620:21) at Parser.pp$3.parseMaybeAssign (/usr/src/app/node_modules/webpack/node_modules/acorn/dist/acorn.js:1597:21) at Parser.pp$3.parseExpression (/usr/src/app/node_modules/webpack/node_modules/acorn/dist/acorn.js:1573:21) […]

在Docker容器中公开一个React应用程序: 我正在试图向当前所在的Docker容器公开一个反应应用程序。我的Dockerfile成功地构build了我的映像，并在configuration的端口（8080）上运行我的应用程序。然后我尝试将容器的端口8080绑定到主机的8080端口。但是，当我访问8080端口的主机我的应用程序不在这里。 docker run -d -p 8080:8080 –name react-deployment-container react-deployment:dev 我有一个现有的节点应用程序已经暴露在运行在不同端口（3000）上的同一台主机上，所以我相信在运行Docker容器时这不是绑定端口的问题。我认为这个问题可能是我试图在Webpackconfiguration中公开应用程序的方式。 Webpack完美地构build，但是看起来不可用于Docker容器。 webpack.config.js devServer: { contentBase: path.join(__dirname, "dist"), compress: true, host: '0.0.0.0', port: 8080 } 的package.json "scripts": { "start": "webpack-dev-server –host 0.0.0.0" }, 我已经在下面两个问题中推荐的configuration，没有运气。如何让webpack dev服务器在端口80和0.0.0.0上运行以使其可公开访问？ https://github.com/webpack/webpack-dev-server/issues/547 这个项目的回购在这里

无法连接到主机的（显示，发布）端口: 我正在通过一个React.js教程，我决定在一个Docker容器中工作。这是本教程的代码。本教程使用在容器上的端口8080上运行的webpack-dev-server 。我在Dockerfile公开了这个端口，并且用-P运行我的容器来发布这个端口。在容器内部，如果我使用wget http://localhost:8080 ，则按照预期下载index.html 。但是，如果我从主机运行等效的PowerShell命令Invoke-WebRequest http://localhost:32769 ，则会收到Invoke-WebRequest : The underlying connection was closed: The connection was closed unexpectedly. 下面的全部细节/重放步骤。 Dockerfile FROM node MAINTAINER Matthew Pirocchi <matthew.pirocchi@gmail.com> RUN apt-get update && apt-get install -y vim EXPOSE 8080 容器设置 docker run -itdP –name repro mpiroc/react-fundamentals docker exec -it repro bash # Following […]

webpack-dev-server代理到docker容器: 我有2 docker-compose托pipe容器pipe理，似乎无法正确使用webpack代理一些请求到后端api。 docker-compose.yml： version: '2' services: web: build: context: ./frontend ports: – "80:8080" volumes: – ./frontend:/16AGR/frontend:rw links: – back:back back: build: context: ./backend expose: – "8080" ports: – "8081:8080" volumes: – ./backend:/16AGR/backend:rw 服务networking是由webpack-dev-server服务的一个简单的反应应用程序。服务返回是一个节点应用程序。我没有任何问题从我的主机访问任何应用程序： $ curl localhost > index.html $ curl localhost:8081 > Hello World 我也可以从Web容器ping和curl 后台服务： $ docker ps CONTAINER ID IMAGE COMMAND […]

Docker容器中的Vue.js Webpack模板：如何添加Webpack-Dev-Server –watch-poll标志？: 我正在运行我创build的docker容器内的基础Vue.js Webpack模板（ https://github.com/vuejs-templates/webpack/ ）的webpack / webpack-dev-server部分。该容器还包含vue CLI以创build新项目（如果需要，可以在此处获取我的容器： https ： //hub.docker.com/r/ncevl/webpack-vue/ ）。从webpack-simple模板移到这个模板之后，热重载不起作用。一切正在使用Webpack-Simple模板，您可以在这里克隆/查看： https ： //github.com/vuejs-templates/webpack-simple 我可以通过下面的webpack-development-server启动命令来运行简单的模板（热重载按预期工作）： webpack-dev-server –hot –inline –progress –host 0.0.0.0 –watch-poll 也就是说，webpack模板的完整（而不是简单）版本似乎不使用webpack-dev-server启动命令，而是使用build / dev-server.js（ https：// github）中引用的其他中间件。 com / vuejs-templates / webpack / blob / master / template / build / dev-server.js ）和webpack devconfiguration。因为–watch-poll是在上一个项目中使WDS热重载function在Docker容器中工作的关键，我的想法是我需要对webpack-hot-middleware做类似的事情，但是我没有看到在他们的文档中的任何东西（在这里： https : //github.com/glenjamin/webpack-hot-middleware ）谈到转向基于轮询的方法。我不是100％确定轮询标志会做的伎俩，因为我可以看到容器重新编译我的来源，当我做出改变。如果手动刷新，我也可以在浏览器中看到更改。奇怪的是，如果我在浏览器中使用chrome开发工具检查我的页面，然后转到networking/ […]

如何在Windows 10中暴露Docker中的端口？: 我在Windows 10 Pro机器上安装了正确安装的Docker CE副本。我正在尝试使用docker-compose来运行一个简单的节点应用程序，并且能够在docker中运行时dynamic更新代码。我跟着这个网站来build立它，我的代码可以在这里find。当我在localhost:8080运行代码时导航到localhost:8080时，我得到我的网页。当我通过Docker运行它时，从我的Web浏览器（相同的URL）中得到“这个页面不工作”。我已经确定在Docker中运行之前停止在本地运行，以便端口不被越过。我的Dockerfile： FROM node:6.10.2 RUN useradd –user-group –create-home –shell /bin/false app ENV HOME=/home/app COPY package.json npm-shrinkwrap.json $HOME/diet-program/ RUN chown -R app:app $HOME/* USER app WORKDIR $HOME/diet-program RUN npm install EXPOSE 8080 CMD ["npm", "run", "dev"] 我的docker-compose.yml： version: '2' services: diet-program: build: . ports: – "8080:8080" volumes: – […]

Docker的webpack开发服务器: 在Docker容器中运行webpack dev服务器时，出现以下错误消息 Error: listen EADDRNOTAVAIL 192.168.99.100:8080 192.168.99.100是在我的Windows系统上的Oracle Virtual Box中运行的docker主机的IP地址。以下是我的webpack.config.js文件中的主机部分 devServer: { contentBase: './dist', host:"192.168.99.100" } 如果我不给任何主机，webpack开发服务器运行在http://localhost:8080 ，当我尝试使用http://192.168.99.100:8080时不可访问。有没有明确的设置，我需要做这个工作？以下是docker文件 FROM node:4.2 RUN mkdir -p /usr/src/app ADD . /usr/src/app WORKDIR /usr/src/app RUN npm install RUN npm build EXPOSE 8080 ENTRYPOINT ["npm", "run", "webserver"] 我使用以下命令运行容器 docker run -d -p 8080:8080 mynodeimg

webpack-dev-server热加载不能与boot2docker一起使用: 我目前正在尝试通过webpack-dev-server使webpack-dev-server与热加载工作。我有我的容器中使用docker-osx-dev正确拾取文件更改，但是socket.io热重新加载不起作用。原因是我在运行服务器时设置了–host 0.0.0.0 ，这样它就可以在我的主机上访问了。然而，这意味着它正在寻找0.0.0.0的socket.io服务器。所以，当我加载页面时，它会尝试连接到http://0.0.0.0:8080/socket.io/?EIO=3&transport=polling&t=1434584701670-0 ，我的领事中出现错误。实际上，它应该连接到http://dockerhost:8080/socket.io/ 。有反正告诉webpack-dev-server使用不同的主机来获得socket.io连接吗？ Github问题63可能指的是同样的问题，但尚未解决。

在docker中不能运行webpack-dev-server: 我已经创build了一个docker镜像，它使用容器内的webpack提供一个简单的反应应用程序，但是我在浏览器中什么都没有得到。这是我的configuration文件 package.json { "name": "invas_client", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "start": "webpack –inline –content-base ." }, "author": "", "license": "ISC", "dependencies": { "react": "^0.14.7", "react-dom": "^0.14.7", "react-router": "^2.0.0" }, "devDependencies": { "babel-core": "^6.5.1", "babel-loader": "^6.2.2", "babel-preset-es2015": "^6.5.0", "babel-preset-react": "^6.5.0", "http-server": "^0.8.5", "webpack": "^1.12.13", "webpack-dev-server": "^1.14.1" } } webpack.config.js module.exports = { […]

webpack和反应jsx – 热加载不与docker集装箱工作: 更改为：热加载不起作用在docker，它看起来像一个docker问题。在这之后：与webpack或React热加载程序在本地主机上反应，它们工作正常，对我来说，它们的工作方式是一样的 – 仍然不知道为什么要安装React热加载程序？但是在一个容器中运行它，更新/“热载入”在其中任何一个都不起作用。所以这可能是一个docker专家的问题？