Skip to content

注入第三方依赖问题 #331

Closed
Closed

Description

@2091124175

​​依赖缺失​​:用户代码中import ElementPlus from 'element-plus'会因沙盒环境未预装该库而报错;
​​实例隔离​​:无法在用户组件中访问沙盒内部的Vue实例(app),导致app.use(ElementPlus)调用失败。
观察到常规Vue项目可通过main.js全局注册插件,但沙盒环境需要更动态的机制。以下方案是否可行?

​​方案1​​:暴露沙盒的Vue实例(如通过window.app),让用户直接调用app.use();
​​方案2​​:提供配置接口,用户声明依赖后,沙盒自动注入CDN资源;
现有尝试代码(因实例不可访问而失败):

import { app } from "@/main"; // 假设此处为沙盒实例
app.use(ElementPlus); // 报错:app is undefined
请问生态是否有官方推荐方案?若需自行实现,在实例暴露、依赖加载、样式隔离等方面需要注意哪些问题?

Activity

  1. edison1105 commented on Apr 10, 2025

    @edison1105
    Member

    参考 vue-router playground

    如果不存在 App.vue, 那么第一个文件会作为入口文件。

  2. locked and limited conversation to collaborators on Apr 10, 2025
  3. converted this issue into a discussion #332 on Apr 10, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions