Typescript 如何将jitsi meet集成到aurelia中_Typescript_Webpack_Aurelia_Script Tag

Typescript 如何将jitsi meet集成到aurelia中

typescript webpack aurelia

Typescript 如何将jitsi meet集成到aurelia中,typescript,webpack,aurelia,script-tag,Typescript,Webpack,Aurelia,Script Tag,我正在尝试集成并使用到我的Aurelia应用程序中，但迄今为止没有成功。。正如我看到的，这个库不使用模块，也没有typescript声明文件。在library Github文档页面上，它说只需包含如下脚本标记： <script src='https://meet.jit.si/external_api.js'></script> const domain = 'meet.jit.si'; const options = { roomName: 'JitsiM

我正在尝试集成并使用到我的Aurelia应用程序中，但迄今为止没有成功。。正如我看到的，这个库不使用模块，也没有typescript声明文件。在library Github文档页面上，它说只需包含如下脚本标记：

<script src='https://meet.jit.si/external_api.js'></script>

const domain = 'meet.jit.si';
const options = {
    roomName: 'JitsiMeetAPIExample',
    width: 700,
    height: 700,
    parentNode: document.querySelector('#meet')
};
const api = new JitsiMeetExternalAPI(domain, options);

<html>
  <head>
    <meta charset="utf-8">
    <title><%- htmlWebpackPlugin.options.metadata.title %></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <base href="<%- htmlWebpackPlugin.options.metadata.baseUrl %>">
  </head>
  <body aurelia-app="main">
    <script src='https://meet.jit.si/external_api.js'></script>
  </body>
</html>

<template>
  <div id="meet"></div>
</template>

问题是，我找不到任何文章告诉我如何在aurelia webpack中使用标记，也不知道该标记放在哪里（intex，mycomponent.ts…），最后我收到错误消息，说typescript找不到模块JitsiMeetExternalAPI

我将Aurelia与typescript和WebPack一起使用，但如果更容易使用，我可以改为requirejs

请帮忙

更新： 通过将以下内容添加到viewModel，我成功地解决了tpescript部分：

declare var JitsiMeetExternalAPI: any;

有了它，我的代码编译时就不会出错了。我在index.ejs文件的正文末尾添加了cdn脚本标记。因此，我的index.ejs现在如下所示：

<script src='https://meet.jit.si/external_api.js'></script>

const domain = 'meet.jit.si';
const options = {
    roomName: 'JitsiMeetAPIExample',
    width: 700,
    height: 700,
    parentNode: document.querySelector('#meet')
};
const api = new JitsiMeetExternalAPI(domain, options);

<html>
  <head>
    <meta charset="utf-8">
    <title><%- htmlWebpackPlugin.options.metadata.title %></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <base href="<%- htmlWebpackPlugin.options.metadata.baseUrl %>">
  </head>
  <body aurelia-app="main">
    <script src='https://meet.jit.si/external_api.js'></script>
  </body>
</html>

<template>
  <div id="meet"></div>
</template>

我的页面如下所示：

<script src='https://meet.jit.si/external_api.js'></script>

const domain = 'meet.jit.si';
const options = {
    roomName: 'JitsiMeetAPIExample',
    width: 700,
    height: 700,
    parentNode: document.querySelector('#meet')
};
const api = new JitsiMeetExternalAPI(domain, options);

<html>
  <head>
    <meta charset="utf-8">
    <title><%- htmlWebpackPlugin.options.metadata.title %></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <base href="<%- htmlWebpackPlugin.options.metadata.baseUrl %>">
  </head>
  <body aurelia-app="main">
    <script src='https://meet.jit.si/external_api.js'></script>
  </body>
</html>

<template>
  <div id="meet"></div>
</template>

现在启动应用程序时，我看到调用的是jitsi的cdnscript，但随后我看到aurelia router的一个错误，该错误表示：

我做错了什么？

资助问题， aurelia的“appendChild”问题是因为它找不到html元素#meet，因为视图没有呈现。当我将JitsiMeetExternalAPI初始化移动到一个组件时，所有这些都可以工作了