Tag: reactjs docker

在Docker中运行时，react-starter-kit asnyc动作variables赋值抛出错误: 我克隆了react-starter-kit，并build立了一个简单的组合。我将添加更多的function，并意识到自从我使用Docker以来，服务器上出现了错误，阻止了任何交互的发生。在Docker之外的本地运行时，一切正常。奇怪的是标题/描述实际上更新在页面上，即使它正在抛出一个错误，说它试图设置一个空对象的属性。错误是： TypeError: Cannot set property 'title' of null – index.js:25 /server/build/webpack:/src/routes/index.js:25:1 – next – server.js:2242 step /server/build/server.js:2242:191 – server.js:2242 /server/build/server.js:2242:361 来自index.js路由文件夹中： async action({ next }) { // Execute each child route until one of them return the result const route = await next(); // Provide default values for title, description etc. […]

让python和基于组件的容器工作: 我正在试图dockerize这个同构的应用程序的工作stream程。我构build了下面的docker文件的容器。 FROM python:3.5-slim RUN apt-get update && \ apt-get -y install gcc mono-mcs && \ apt-get -y install vim && \ apt-get -y install nano && \ rm -rf /var/lib/apt/lists/* RUN mkdir -p /statics/js VOLUME ["/statics/"] WORKDIR /statics/js COPY requirements.txt /opt/requirements.txt RUN pip install -r /opt/requirements.txt EXPOSE 8080 CMD ["python", "/statics/js/app.py"] 这是结果： $ docker […]

Browserify无法find模块'react-router-dom': 我尝试玩反应路由器，但不能使它与browserify工作。我被这个错误卡住了： events.js:182 throw er; // Unhandled 'error' event ^ Error: Cannot find module 'react-router-dom' from '/usr/src/app' at /usr/src/app/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:46:17 at process (/usr/src/app/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:173:43) at ondir (/usr/src/app/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:188:17) at load (/usr/src/app/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:69:43) at onex (/usr/src/app/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:92:31) at /usr/src/app/node_modules/browserify/node_modules/browser-resolve/node_modules/resolve/lib/async.js:22:47 at FSReqWrap.oncomplete (fs.js:152:21) npm info lifecycle irregular_verbs@1.0.0~start: Failed to exec start script 我的第一个js文件是server.js ，它生成一个bundle来加载app.js 我删除了我的app.js文件中的所有内容，以确保没有个人组件产生冲突。所以现在很轻！但仍然不起作用。我的app.js文件： var React = require('react'); […]

尝试在容器中使用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正确的redirect链接: 我有Dockerfile： FROM cloudron/base:0.10.0 ENV PATH /usr/local/node-6.9.5/bin:$PATH WORKDIR /tmp COPY package.json /tmp/ RUN npm config set registry http://registry.npmjs.org/ && npm install WORKDIR /usr/src/app COPY . /usr/src/app RUN cp -a /tmp/node_modules /usr/src/app RUN npm run build EXPOSE 8000 CMD [ "npm", "run", "start:production" ] 如果我运行这个： docker run -p 8000:8000 -t somename/appname 然后去http://localhost:8000工作正常，但如果我想要去http://localhost:8000/about我得到错误： Cannot GET /about 我应该怎么做才能使它configuration好？当然，我的反应的应用程序，使用这种链接在开发开始工作正常。 […]

Docker撰写，反应JS应用程序构build，以及如何传递给第一个nginx: 我正在努力与节点reactJS应用程序和docker。我使用docker-compose，有很多微服务，dbs等。所有在nginx（官方图片）后面。我在前端有reactJS应用程序，它使用npm生成生成，生成dist /文件夹。目前它behing apache服务器。什么是正确的方式来configuration它？我正在考虑可能，在reactJS应用程序，做这个build立，创build音量（卷Im我不是很熟悉..），并分享这个卷到Nginx。可能吗？也许我也可以做这个应用程序的Dockerfile，这将使用一些HTTP服务器，如Apache或Nginx，并从第一个Nginx的proxy_passredirect到此，但什么设置2。谢谢！我的docker组成文件的一部分： version: '2' services: ######## NGINX ######## nginx: image: nginx ports: – "9000:80" environment: NGINX_PORT: 80 volumes: – ./resources/nginx:/etc/nginx 和前台应用程序： fr-client: image: qwe123/fr-client:1.0

在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 这个项目的回购在这里

Docker – 用于开发环境的npm安装: 我试图在Docker中为了开发目的而开发一个ReactJS项目，这个项目将在一个团队中共享。然而，我很难理解这是如何工作的，因为我想大量共享我的app目录到容器中，但似乎我必须将package.json复制到容器中以便npm install ，因此运行nom run start 我的目录结构是： app/ src/ public/ node_modules/ package.json docker/ admin/ dockerfile docker-compose.yml dockerfile FROM node:7.8.0 WORKDIR /app RUN npm install EXPOSE 3000 CMD npm run start 泊坞窗，compose.yml version: '3' services: admin: build: context: ./docker/admin dockerfile: dockerfile image: project/admin volumes: – ./app:/app ports: – "3000:3000" 所以问题是：当dockerfile运行时， npm install失败，因为docker docker-compose共享卷尚未发生，所以认为没有package.json 。所以这听起来像我必须将package.json复制到容器中，这对于开发而言并不理想。此外，我相信你只能在与dockerfile相同的目录中COPY文件到容器中，这意味着我必须将dockerfile移动到项目的根目录。 […]

fswatch错误，当试图运行在一个Windows泊坞窗容器反应: 我正在运行一个unbuntu：在win10上使用Docker Toolbox的最新Docker容器。我使用create-react-app npm为我自动创build一个反应应用程序。当我运行“npm start”时，出现以下错误。 events.js:182 throw er; // Unhandled 'error' event ^ Error: watch /frontend/public EMFILE at _errnoException (util.js:1026:11) at FSWatcher.start (fs.js:1383:19) at Object.fs.watch (fs.js:1409:11) at createFsWatchInstance (/frontend/node_modules/chokidar/lib/nodefs-handler.js:37:15) at setFsWatchListener (/frontend/node_modules/chokidar/lib/nodefs-handler.js:80:15) at FSWatcher.NodeFsHandler._watchWithNodeFs (/frontend/node_modules/chokidar/lib/nodefs-handler.js:228:14) at FSWatcher.NodeFsHandler._handleDir (/frontend/node_modules/chokidar/lib/nodefs-handler.js:407:19) at FSWatcher.<anonymous> (/frontend/node_modules/chokidar/lib/nodefs-handler.js:455:19) at FSWatcher.<anonymous> (/frontend/node_modules/chokidar/lib/nodefs-handler.js:460:16) at FSReqWrap.oncomplete (fs.js:154:5) npm ERR! code ELIFECYCLE npm ERR! errno […]

Docker + React App – Docker运行命令不能打开本地主机: 我在使用我的React应用程序运行Docker（我是一个初学者）时遇到了麻烦。这是作为编码的挑战，所以我得到了这些Docker命令： dockerbuild设 – 标签应用程序名称。 docker运行-it -p 7357：80应用程序名称这是我的dockerfile：FROM节点：6-wheezy WORKDIR /srv/tenor-frontend-test/ COPY package.json package-lock.json ./ RUN npm install COPY . . EXPOSE 80 ENV NODE_JS_PORT=80 CMD [ "npm", "start" ] 我在package.json中启动脚本： "start": "PORT=7357 react-scripts start" 在我的terminal中使用“npm start”会打开本地主机，但是当我运行“docker run”命令时，它会正确打印“npm start”会发生什么情况，但是没有打开浏览器，localhost：7357不起作用。我希望这只是一个docker文件问题，因为“NPM开始”工作正常？提前致谢！