在 ReactJS 应用程序中使用 Azure AI 沉浸式阅读器

Question

我正在尝试在 ReactJS 应用程序中使用 Azure IA 沉浸式阅读器。 我已在 Azure 门户上创建了资源 我有沉浸式读者资源的关键和端点。

尝试通过以下代码使用“@microsoft/immersive-reader-sdk”：

 function launchImmersiveReader() {
    const content = {
      title: 'Immersive Reader',
      chunks: [ {
          content: 'Hello, world!'
      } ]
  };
    
    launchAsync({
      key: ----------,
      endPoint: 'https://abc-dfg-dev.cognitiveservices.azure.com/',
      content: content,
  });
}

单击按钮时调用此函数

<button onClick={launchImmersiveReader}>Launch Immersive Reader</button>

但它给了我错误消息代码：

BadArgument

，消息：

Content must not be null

Answer 1

查看官方代码示例。 您必须传递令牌、子域、内容和选项。

try {
  await launchAsync(token, process.env.REACT_APP_SUBDOMAIN, data, options)
}
catch (error) {
  console.log(error);
  alert("Error in launching the Immersive Reader. Check the console.");
}