Tag: vue.js

在Docker中运行nuxt js应用程序

我正在尝试在Docker容器中运行nuxt应用程序。 为了做到这一点,我创build了以下Dockerfile: FROM node:6.10.2 RUN mkdir -p /app EXPOSE 3000 COPY . /app WORKDIR /app RUN npm install RUN npm run build CMD [ "npm", "start" ] 但是,当我构build图像并运行容器( docker run -p 3000:3000 <image-id> )时,在浏览器中点击localhost:3000什么都没有得到。 可能是什么原因?

vuejs应用程序不能用dockerized npm运行

我试图build立一个可重复的构build环境,不会混淆本地机器上的任何东西。 为此,我决定使用docker来包装npm和vue cli。 一切运行在我第一次运行vue quickstart命令的机器上。 但是,当我从另一台机器上的存储库中获取新的克隆时,运行安装过程后出现以下错误: $ ./npm run dev > my-project@1.0.0 dev /data > node build/dev-server.js module.js:472 throw err; ^ Error: Cannot find module '/data/build/dev-server.js' at Function.Module._resolveFilename (module.js:470:15) at Function.Module._load (module.js:418:25) at Module.runMain (module.js:605:10) at run (bootstrap_node.js:427:7) at startup (bootstrap_node.js:148:9) at bootstrap_node.js:542:3 npm ERR! Linux 4.4.0-57-generic npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "dev" npm […]

无法下载repo vuejs-templates / webpack:EACCES:权限被拒绝,mkdir'/.vue-templates'

我正在学习Docker。 我在Windows 10上安装了Docker ToolBox(我有家庭版,所以我不能使用常规的Docker安装,因为Windows版本没有Hyper-v)。 我试图从Docker Hub中使用这个容器来使用Vue.js框架: docker pull ebiven/vue-cli 我添加了新的别名,因为写在容器页面(我改名为vuejs,因为我已经vue本地安装): alias vuejs='docker run -it –rm -v "$PWD":"$PWD" -w "$PWD" -u "$(id -u)" ebiven/vue-cli vue' 然后在控制台中我写道: vuejs init webpack . 我收到一条错误消息: vue-cli · Failed to download repo vuejs-templates/webpack: EACCES: permission denied, mkdir '/.vue-templates' 如何解决这个问题?

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/ […]

如何使用Docker与Vue.js?

如何使用docker与vue.js? 我还没有find太多的文件,我甚至不知道从哪里开始。 除此之外,我没有find其他的东西: http : //vuetips.com/use-docker-containers