微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

将 2 个有角度的 Web 组件放入一个 html 时出现的问题

如何解决将 2 个有角度的 Web 组件放入一个 html 时出现的问题

我正在尝试在一个 html 中使用 2 个网络组件。 2 个 web 组件是使用 2 个新创建的 angular 应用程序中的 angular/element 生成的。

代码 zip 中有 3 个项目。 mytest、mytest2 和 mytest3。我将 mytest2 和 mytest3 转化为 web 组件。

npm install之后,安装gulp,然后npm run buildone在目录dist生成test2.js和test3.js。

使用 http-server 启动 2 个 webserver,用于 test2.js 在端口 8080 和 test3.js 在端口 8081

问题

在 mytest 中,在导航器中打开 test.html。你只能看到加载了 test2 组件。

我发现的是:

如果只导入 test2.js 或 test3.js,my-test2 或 my-test3 组件可以正常工作。

导入 test2.js 和 test3.js 时,加载 test3.js 时再次调用 mytest2 组件,我们可以在导航器的控制台中看到。

source code in zip

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。