Angular远程容器Dockerfile执行npm install未生成node_modules问题求解

核心原因 #

VS Code Dev Containers 启动容器时，默认会将本地项目根目录挂载到 Dockerfile 定义的工作目录/myaccount下，挂载操作会直接覆盖镜像构建阶段在该目录生成的所有内容，包括RUN npm i生成的node_modules文件夹，因此你进入容器后看不到构建阶段安装的依赖。

解决方案 #

在devcontainer.json中增加匿名卷配置，将node_modules目录单独挂载，避免被本地目录覆盖：

{
    "name": "MyAccount",
    "dockerFile": "Dockerfile",
    "extensions": [
        "dbaeumer.vscode-eslint"
    ],
    "forwardPorts": [4200],
    // 新增这一行配置
    "mounts": ["type=volume,target=/myaccount/node_modules"]
    //"postCreateCommand": "npm install"
}

配置完成后重建容器即可，Dockerfile 构建阶段安装的node_modules会被保留，无需再在postCreateCommand中重复安装依赖。

额外注意 #

你当前构建日志所有步骤都命中了缓存，如果后续修改了package.json需要重新安装依赖，重建容器时选择「不使用缓存重建容器」即可触发npm i重新执行。

内容的提问来源于stack exchange，提问作者NiAu