如何修复“请求的模块未提供名为“StorageSharedKeyCredential”的导出”错误？

Question

我正在开发一个应用程序的前端组件，用于使用 React、JSX 和 Vite 将文件上传到 Azure Blob 存储。我收到错误消息：

import {
    BlobServiceClient, StorageSharedKeyCredential
} from '@azure/storage-blob';

控制台错误：

Uncaught SyntaxError: The requested module '/node_modules/.vite/deps/@azure_storage-blob.js?v=450ffe39' does not provide an export named 'StorageSharedKeyCredential' (at Files.jsx:19:29)

我尝试删除 package-lock.json，运行“npx rimraf ./**/node_modules”，然后运行“npm install”，但它仍然不起作用。任何帮助将不胜感激，谢谢！

Answer 1

这是预期的行为。

出于安全原因，客户端（前端）应用程序（如 React、Angular 等）不允许使用帐户密钥连接到存储帐户。您的应用程序的用户将能够通过在浏览器中查看您的应用程序代码来获取帐户密钥，这将使他们能够完全访问您的存储帐户。

您需要使用 SAS 令牌/Azure AD 令牌从此类应用程序连接到您的存储帐户。