首页 > 其他分享 >window下安装docker并运行angular项目

window下安装docker并运行angular项目

时间:2023-06-13 10:04:24浏览次数:52  
标签:node 容器 angular window Docker 安装 docker

window下安装docker并运行angular项目

1、使用场景

本地有一个node项目,node 版本是 v16.13.2,在本地安装的angular 是 15.2.4

window下安装docker并运行angular项目_docker

window下安装docker并运行angular项目_docker_02

但是测试服上面的node 版本是 14.19.3,angular 是1.0.0-beta.28.3 ,会导致angular项目的 ng build 打包不了。但是不能升级版本,因为这个测试服务器上面的东西也是接手离职同事的,不知道上面都有些啥,所以打算利用docker重新安装一套打包环境

window下安装docker并运行angular项目_docker_03

2、下载docker安装

https://www.docker.com/

2.1、进入官网下载docker安装程序,

这个安装程序是默认安装到c盘的,但是c盘的空间不够,我想安装到d盘

window下安装docker并运行angular项目_安装程序_04

2.2、那我们就先建立个软链接,

以管理员的身份打开cmd命令界面,输入以下代码建立软链接

mklink /J "C:\Program Files\Docker" "D:\Program Files\Docker"

,这时我们直接傻瓜式,双击安装程序后点ok即可

window下安装docker并运行angular项目_docker_05

这时会报错

Unpacking failed: 未能找到路径“C:\Program Files\Docker\Docker”的一部分。 在 CommunityInstaller.InstallWorkflow.<DoHandleD4WPackageAsync>d__30.MoveNext() --- 引发异常的上一位置中堆栈跟踪的末尾 ---

window下安装docker并运行angular项目_安装程序_06

2.3、我们需要手动在 d:\Program Files 创建Docker 目录,

这样在c盘上线的链接就能跳转到d盘了,双击后能正常安装了

window下安装docker并运行angular项目_Docker_07

2.4、安装后启动报错

2.4.1、Docker Desktop requires a newer WSL kernel version.

window下安装docker并运行angular项目_Docker_08

直接下载更新包后,直接双击,然后傻瓜式下一步即可

window下安装docker并运行angular项目_docker_09

2.4.2、Unable to create an instance of Docker.EngineStateListener: Unable to create an instance of Docker.Notifications.SystrayNotifications: Unable to create an instance of Docker.ApiServices.Update.UpdateStateNotifier: 调用的目标发生了异常。

window下安装docker并运行angular项目_docker_10

控制面板->程序->启用或关闭Windows功能->把Hyper-v勾上,重启电脑后还不行的话,就卸载重装下,再次重装后成功启动

window下安装docker并运行angular项目_Docker_11

3、安装node

3.1、在项目的根目录下编写dockerfile,创建一个文件命名为dockerfile,在里面填写以下内容

# 公司angular应用需要这个版本的node
FROM node:16.14.0-stretch
# 安装angular
RUN npm install -g @angular/cli

3.2、在根目录下运行命令创建image

docker build -t angular-app:1 .

这里的1是tag,可以作为版本号

window下安装docker并运行angular项目_Docker_12

利用 docker images 命令查看是否创建成功

window下安装docker并运行angular项目_安装程序_13

3.3、根据image创建容器

docker run -itd --name test  -v D:\projects\mechanic-pc-angular:/mechanic-pc-angular -p 5201:5201 angular-app:1 /bin/bash

D:\projects\mechanic-pc-angular 是本地的项目路径映射到容器的 /mechanic-pc-angula 路径

  • -d 表示后台运行容器
  • -t 为docker分配一个伪终端并绑定到容器的标准输入上
  • -i 是让容器的标准输入保持打开状态
  • -p 指定映射端口 使用大写的-P参数则会随机选择宿主机的一个端口进行映射
  • -v 是映射本地的路径到容器中

3.4、运行augular项目

ng serve --port 5201 --host 0.0.0.0

4、验证是否可行

最后在浏览器里面访问http://localhost:5201/#/


标签:node,容器,angular,window,Docker,安装,docker
From: https://blog.51cto.com/u_16159391/6467236

相关文章

  • 乘风破浪,遇见最美Windows 11之现代Windows桌面应用开发 - .NET反编译神器dotPeek,免费
    什么是dotPeekhttps://www.jetbrains.com/decompiler/dotPeek是由鼎鼎有名的JetBrains开发的免费.Net反编译软件。其界面和VisualStudio一样现代。获取dotPeekhttps://www.jetbrains.com/decompiler/download/download-thanks.html?platform=windowsWebJetBrains.dotP......
  • window11 下wsl 安装qt
    1、安装qt-creator命令行安装sudoapt-getinstallqt-creator2、安装qt版本参考qt官网安装步骤:https://wiki.qt.io/Install_Qt_5_on_Ubuntu选择了qt5.12版本 遇到的问题:找不到-lGl动态库解决办法:find/usr-namelibGL*ln-s/usr/lib/x86_64-linux-gnu/libGL.so.1/......
  • 通过 docker-compose 快速部署 StarRocks 保姆级教程
    目录一、概述二、前期准备1)部署docker2)部署docker-compose三、创建网络四、StarRocks编排部署1)下载StarRocks部署包2)配置3)启动脚本bootstrap.sh4)构建镜像Dockerfile5)编排docker-compose.yaml6)开始部署五、简单测试验证六、常用的StarRocks客户端命令1)服务启停2、查看节......
  • Docker 安装 MySQL8 数据库
    创建数据卷mkdir-p/usr/mysql/conf/usr/mysql/datachmod-R755/usr/mysql/创建配置文件vim/usr/mysql/conf/my.cnf:[client]#socket=/usr/mysql/mysqld.sockdefault-character-set=utf8mb4[mysqld]#pid-file=/var/run/mysqld/mysqld.pid#sock......
  • Docker 安装与升级
    卸载旧版本sudoyumremovedocker\docker-client\docker-client-latest\docker-common\docker-latest\docker-latest-logrotate\docker-logrotate\docker-engine/var/lib/docker/的内容,包括image、container、volumes,andnetworks,将被保留。Docker引擎包现......
  • Android 12 addWindow过程分析
    1背景分析过Window层级结构之后,以addWindow为切入点看一下系统是怎么使用的。而且addWindow也是系统非常重要的一个环节,无论是Activity(PhoneWindow)还是各种系统窗口,都会走到这里。addView举例:frameworks/base/packages/SystemUI/src/com/android/systemui/statusbar/phone/Sta......
  • 在docker环境下配置php以及swole并创建hyperf项目
    在上篇文章中说了在linux环境下安装php8.2以及swoole扩展的问题,只是很多时候我们的环境都是在windows下进行的,但是在windows中安装swoole太麻烦了。这时候就到了我们的docker出场的时候了。首先docker的安装,这个网上到处都是,就不多赘述了,贴一个docker官网地址:https:docker.com,顺......
  • docker安装hbase
    1.拉去镜像拉去前可以使用dockersearchhbase所有你需要的镜像dockerpullharisekhon/hbase2.然后在进行启动dockerrun-d-hhbase\-p2181:2181-p8080:8080-p8085:8085\-p9090:9090-p9095:9095-p16000:16000\-p16010:16010-p16020:16020-p16201:1620......
  • poj-2823 Sliding Window(单调队列)
    原题链接SlidingWindowTimeLimit: 12000MS MemoryLimit: 65536KTotalSubmissions: 54929 Accepted: 15814CaseTimeLimit: 5000MSDescriptionAnarrayofsize n ≤106 isgiventoyou.Thereisaslidingwindowofsize k whichismoving......
  • rust Dockerfile
    Dockerfile:ARGBUILD_DIR=/rust/buildFROMrustasbuildARGBUILD_DIRWORKDIR${BUILD_DIR}COPYsrc./srcCOPYRocket.toml.COPYCargo.lock.COPYCargo.toml.RUNcargobuild-rFROMdebianasdeployARGBUILD_DIRWORKDIR/etc/rustRUNmkdirconfig......