问题标签 [spfx]

我对 spfx 客户端开发模型很陌生，有些东西我不明白。

在 sharepoint webpart (SPFx) 中，我试图动态加载图像 src，但如果我这样做： src="${item.ImageUrl}" 斜杠 (/) 将替换为空格。但如果我手动执行：src="https://picsum.photos/720/300/?image=0"，图像显示没有问题。

任何帮助，将不胜感激！谢谢！

在一个解决方案中，我有 2 个 SPF'x Web 部件和 3 个 SPF'x 扩展。我需要将 Web 部件升级到 SPF'x 1.6.0。所以我更新了对 1.6.0 的 package.json 引用。然后我运行了“npm install”命令。一旦我完成了这两项操作，它就会引发以下错误。

...\node_modules\@microsoft\sp-build-web\node_modules\@m icrosoft\node-core-library\lib\JsonSchema.js:178 抛出新错误（前缀 + os.EOL + ^

错误：JSON 验证失败：D:\Bloom\Code\BloomWebparts\config\tslint.json

错误：#/（定义...的配置选项）不允许使用其他属性：lintConfig、useDefaultConfigAsBase、remo veExistingRules、displayAsWarning at validateObjectWithCallback”。

我错过了什么吗？将解决方案升级到 SPF'x 1.6.0 的正确方法是什么？

当我点击记录时，我想显示更多详细信息的模式窗口。我正在使用 OfficeUI。

我的父组件：

我的孩子：

当我在父组件上单击我的DeafultButton时，它会为每个项目调用并显示Modal，我如何将其限制为仅一个当前单击的项目。我试过i: number，但我想不通。

I am using the OOB example from https://pnp.github.io/pnpjs/graph/docs/ where my render function looks like this:

On load the webpart will throw the following exception:

This happens both in the workbench and when the webpart is deployed.

Am I missing a step here? Someone else having the same result?

当我尝试使用 jest 将用于单元测试的模块映射到本地文件时，它说找不到模块。

例如，

包.json：

Somemodule.ts：

something当我尝试运行 jest 时，它显示未找到模块“ ”。

我该如何解决这个问题？我想从其他（我的模块）文件中模拟一些模块，因为这些模块在我的实现内部执行 ajax 调用。

我正在调用 ODATA API，并且在解决承诺后 JSON 的结果正在发生变化。

代码块：

如果我在行console.log(response.json());后加上一个if (response.ok)，我会正确地取回数据：

但是，当我console.log(json.value)在 line 之后添加时.then((json: { value: INewBusinessProps[] }) =>{，我得到：

（注意用户类型）

从浏览器或提琴手运行会给我正确的结果；只有在then数据变得混乱之后。

我还认为这可能是INewBusinessProps[]问题所在，所以我将其更改为any[]它仍然无法正常工作。

我想知道是否有人在 Visual Studio 中成功使用了 SPFX？

与 2016 年之前的 SharePoint 开发和 SPO 时间相比，SPFX 是一个不错的主意。但它有这个缺点：Visual Studio Code。我看到微软可能计划吸引更“hacky”的 Javascript 大众并将 SPFX 开发与 VS Code 联系起来，但 VS Code 与 Visual Studio 相去甚远。更不用说重构类名和文件了。有那个https://github.com/SharePoint/sp-dev-fx-vs-extension回购，但它似乎没有得到太多的时间和爱。

有没有其他方法可以在成熟的 Visual Studio 中开发 SPFX？

所以我正在构建一个 spfx webpart，其中一个功能是显示链接预览。我使用这个库来完成这项任务。我必须更改包“styled-components”的版本并更新我的“react”（16.4.18）和“react-dom”（16.0.9）才能使其工作。进行这些更改并运行后，gulp build我收到以下错误列表：

这个 github 问题与我的有点相似，建议我将我的 typescript 版本更新到 2.3.4 或更高版本。

我目前找不到另一个 github 问题，建议将 typescript 版本更新到 2.8.x 或更高版本。

我的打字稿版本是 3.1.3。我在本地（在项目的节点模块文件夹中）和全局安装了相同的版本。您可能已经注意到，在构建开始时，我会得到输出

我已将“package.json”文件以及 yarn.lock 文件（我正在使用 yarn）中与 typescript 相关的所有条目更改为“3.1.3”或“~3.1.3”，因为他们最初说“2.4” .1”或“2.4.2”或“~2.4.1”或“~2.4.2”。根据我的阅读，它与定义/声明语法相关，仅在 typescript 2.8 及更高版本中受支持。例如，有问题的行之一是：

一般来说，我对打字稿和节点很陌生，所以这可能是另一个导致不知道如何解决这个问题的原因。

如果有更多信息需要提供，我将很乐意这样做。提前感谢所有建议和答案。

我只在 MS Edge 中获得 HTTP403。我已经在许多其他浏览器中进行了测试，并且 .get 工作正常。我正在创建要在我们的 SharePoint Online 环境中使用的 React WebPart。我要获取的文件是存储在文档库中的 csv 文件。我正在使用 web api GetFolderByServerRelativeUrl 进行其余调用。这是片段：

当然希望有人以前解决过这个问题。感谢您的时间和帮助。

谁能指导我使用可用于使用 React 的 SharePoint 框架的 React Dropzone npm 包的工作代码？

谢谢你。