- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在为我的 nuxtjs 应用程序构建 docker 时遇到问题
我正在构建一个 docker 来开发我的 nuxt 应用程序,但热重载在容器中不起作用,共享卷工作正常,唯一的问题是热重载
我的系统是在 wsl 上使用 docker 的 Windows
我在下面添加了我的 dockerfile、docker compose 和 package.json 文件
这是我的 Dockerfile
WORKDIR /usr/src/app
COPY . ./
RUN yarn install
EXPOSE 3000
ENV HOST=0.0.0.0
ENV PORT=3000
CMD [ "yarn", "dev" ]
和我的 docker-compose.yml
version: "3"
services:
aplication:
working_dir: /usr/src/app
build:
context: .
volumes:
- ./src/:/usr/src/app/src/
image: wetrack-nuxt
environment:
- CHOKIDAR_USEPOLLING=true
- NODE_ENV=development
ports:
- 3000:3000
这是我的 package.json
{
"name": "minton",
"version": "1.0.0",
"private": true,
"scripts": {
"dev": "nuxt",
"build": "nuxt build",
"start": "nuxt start",
"generate": "nuxt generate"
},
"dependencies": {
"@ckeditor/ckeditor5-build-classic": "^22.0.0",
"@ckeditor/ckeditor5-vue": "^1.0.2",
"@fullcalendar/bootstrap": "^5.3.0",
"@fullcalendar/core": "^5.3.0",
"@fullcalendar/interaction": "^5.3.0",
"@fullcalendar/list": "^5.3.0",
"@fullcalendar/timegrid": "^5.3.0",
"@fullcalendar/vue": "^5.3.0",
"@nuxtjs/axios": "^5.13.6",
"apexcharts": "^3.20.0",
"bootstrap": "^4.5.0",
"bootstrap-vue": "^2.15.0",
"c3": "^0.7.20",
"chart.js": "^2.9.3",
"chartist": "^0.11.4",
"firebase": "^7.19.1",
"nuxt": "^2.14.0",
"nuxt-i18n": "^6.15.0",
"simplebar-vue": "^2.0.0-beta.4",
"sweetalert2": "^9.17.1",
"v-click-outside": "^3.1.0",
"v-mask": "^2.2.3",
"vue-apexcharts": "^1.6.0",
"vue-c3": "^1.2.11",
"vue-chartist": "^2.3.1",
"vue-chartjs": "^3.5.1",
"vue-count-to": "^1.0.13",
"vue-draggable": "^2.0.6",
"vue-easy-lightbox": "^0.14.0",
"vue-form-wizard": "^0.8.4",
"vue-knob-control": "^1.6.0",
"vue-multiselect": "^2.1.6",
"vue-number-input-spinner": "^2.2.0",
"vue-quill-editor": "^3.0.6",
"vue-slide-bar": "^1.2.0",
"vue-string-filter": "^2.1.0",
"vue-switches": "^2.0.1",
"vue-tour": "^1.5.0",
"vue2-datepicker": "^3.6.2",
"vue2-dropzone": "^3.6.0",
"vue2-google-maps": "^0.10.7",
"vuelidate": "^0.7.5",
"vuex": "^3.5.1"
},
"devDependencies": {
"node-sass": "^4.14.1",
"sass-loader": "^10.0.1"
}
}
最佳答案
这是我的 docker-compose 示例,我只需要正确设置音量就可以了
services:
nuxt-app:
build: .
container_name: nuxt-app
restart: unless-stopped
ports:
- '3333:3333'
environment:
- NUXT_PORT=3333
command: 'yarn dev'
volumes:
- ./:/app
networks:
- nuxt-network
networks:
nuxt-network:
driver: bridge
我的 Dockerfile:
FROM node:14.17.5
ENV NODE_ENV=development
WORKDIR /app
EXPOSE 3333
COPY package.json yarn.lock* ./
RUN yarn
ENV NUXT_HOST=0.0.0.0
ENV NUXT_PORT=3333
ENV PATH=./node_modules/.bin/:$PATH
COPY . .
CMD ["yarn", "dev"]
关于docker - 我在为我的 nuxtjs 应用程序构建 docker 时遇到问题,热重载不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69134075/
我想要类似于以下伪代码的东西: while input is not None and timer = 5: print "took too long" else: print inp
如何将 MainEngine Observable 转换为 Cold?来自这个例子: public IObservable MainEngine { get
自从手表被发明以来,表盘的方圆之争就始终没有停下来过,在漫长的岁月中,无论是方形还是圆形表盘,人们都为其寻找到足够多的设计元素,让其肆意成长,这种生机与活力后来也延续到了智能手表上,在2014年,这
我正在学习 CUDA,试图解决一些标准问题。例如,我正在使用以下代码求解二维扩散方程。但我的结果与标准结果不同,我无法弄清楚。 //kernel definition __global__ void
我的 Web 应用程序使用 native dll 来实现其部分功能(其位置在 PATH 中提供)。一切正常,直到我对 WAR 进行更改并且 JBoss 热部署此 WAR。此时dll已经找不到了,需要手
我看到这个问题here 。这是关于实现每个发出的项目的延迟。这是根据accepted answer如何实现的: Observable.zip(Observable.range(1, 5) .g
我最近一直在进行冷迁移...这意味着我无法在进行迁移时从应用程序级别读取/写入数据库(维护页面)。 这样就不会因为更改结构而发生错误,而且如果负载很大,我也不希望 mysql 在迁移过程中崩溃。 我的
我是一名优秀的程序员,十分优秀!