启用在客户端 spfx 中使用 reactstrap 库

Question

我正在使用 React 在 SharePoint 中创建客户端 Web 部件，但在其中使用 Reactstrap 时出现错误。

[SPLoaderError.loadComponentError]: ***无法加载组件 "e85e1482-17da-4af0-968f-3f63def88702" (ReactSpfxWebPartWebPart)。 原始错误：***无法从组件 "e85e1482-17da-4af0-968f-3f63def88702" (ReactSpfxWebPartWebPart) 加载入口点。 原始错误：加载错误 https://component-id.invalid/e85e1482-17da-4af0-968f-3f63def88702_0.0.1 无法读取未定义的 属性 'placements'

***内部错误： ***无法从组件 "e85e1482-17da-4af0-968f-3f63def88702" (ReactSpfxWebPartWebPart) 加载入口点。 原始错误：加载错误 https://component-id.invalid/e85e1482-17da-4af0-968f-3f63def88702_0.0.1 无法读取未定义的 属性 'placements' ***调用堆栈： 错误 在 SPLoaderError.SPError [作为构造函数] (https://localhost:4321/temp/workbench-packages/@microsoft_sp-loader/dist/sp-loader-assembly_default.js:8668:24) 在新的 SPLoaderError (https://localhost:4321/temp/workbench-packages/@microsoft_sp-loader/dist/sp-loader-assembly_default.js:4124:28) 在 Function.ErrorBuilder.buildErrorWithVerboseLog (https://localhost:4321/temp/workbench-packages/@microsoft_sp-loader/dist/sp-loader-assembly_default.js:3783:21) 在 Function.ErrorBuilder.buildLoadComponentError (https://localhost:4321/temp/workbench-packages/@microsoft_sp-loader/dist/sp-loader-assembly_default.js:3691:21) 在 https://localhost:4321/temp/workbench-packages/@microsoft_sp-loader/dist/sp-loader-assembly_default.js:6936:47

Answer 1

添加 "externals": { "reactstrap": "https://cdnjs.cloudflare.com/ajax/libs/reactstrap/6.0.1/reactstrap.full.min.js" },

到config.json 它将解决 spfx 中的 reactstrap 依赖关系