DEPRECATED: The legacy builder is deprecated and will be removed in a future release. Install the buildx component to build images with BuildKit:

To build images with BuildKit, you will need to install the buildx component. Here are the steps to install it:

1. Make sure you have Docker installed on your system and it is up to date.
2. Open a terminal or command prompt.
3. Run the following command to install buildx:

docker buildx install

4. After installation, you can use `docker buildx` commands to build images with BuildKit.

Please note that the legacy builder is deprecated and will be removed in a future release, so it is recommended to switch to using BuildKit for image building.

相关问题

DEPRECATED: The legacy builder is deprecated and will be removed in a future release. Install the buildx component to build images with BuildKit: https://docs.docker.com/go/buildx/ unable to prepare context: unable to evaluate symlinks in Dockerfile path: lstat /run/Dockerfile: no such file or directory 运行镜像 docker: permission denied while trying to connect to the Docker daemon socket at unix:///var/run/docker.sock: Post "http://%2Fvar%2Frun%2Fdocker.sock/v1.24/containers/create?name=camera_system": dial unix /var/run/docker.sock: connect: permission denied. See 'docker run --help'. Build step 'Execute shell' marked build as failure Finished: FAILURE

这是一个关于 Docker 构建镜像的问题，可能是由于 Dockerfile 路径错误或权限问题导致的。建议检查 Dockerfile 路径是否正确，并确保当前用户有足够的权限来执行 Docker 命令。

Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.

### 关于Dart Sass 2.0.0 中移除遗留JS API 的弃用警告解决方案

#### 配置Vite解决Sass警告

为了消除`The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.`这一警告，在配置文件 `vite.config.ts` 中可以设置 SCSS 使用现代编译器API：

export default defineConfig({
    css: {
        preprocessorOptions: {
            scss: {
                api: 'modern-compiler'
            }
        },
    },
})

此段代码通过指定SCSS预处理器选项中的API为现代化版本来规避旧版JavaScript接口带来的警告[^1]。

对于Nuxt框架下的Vite构建工具而言，另一种有效的做法是在定义的配置对象里加入特定参数以静默废弃特性提醒:

export default defineNuxtConfig({
    vite: {
        css: {
            preprocessorOptions: {
                sass: {
                    silenceDeprecations: ["legacy-js-api"],
                },
            },
        },
    },
});

上述方式能够有效抑制有关过时功能的通知而不影响其他正常工作流程[^2]。

如果项目中有全局共享样式变量或其他资源的需求，则可以在同一位置继续追加路径指向公共样式表单的同时保持对陈旧API警报的屏蔽效果:

//vite.config.ts
export default defineConfig({
    //..other config
    css: {
        preprocessorOptions: {
            scss: {
                additionalData: '@import "./src/assets/scss/var.scss";',
                silenceDeprecations: ["legacy-js-api"]
            },
        },
    }
})

这段配置不仅解决了警告问题还实现了SCSS文件间的继承关系维护[^3]。

最后一种综合性的方案是同时设定新的API模式并禁言特定类型的警告消息:

export default defineConfig({
    css: {
        preprocessorOptions: {
            scss: {
                silenceDeprecations: ['legacy-js-api'],
                api: 'modern-compiler', // 或者使用'modern'
            }
        }
    }
})

这种方法既指定了更先进的API形式又消除了不必要的输出干扰[^4]。