问题标签 [spfx]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1331 浏览

webpack - 在 SharePoint 框架 WebPart 中引用图像

我正在尝试创建一个包含图像的简单 SharePoint Online WebPart。问题是没有显示打包在 WebPart 中的图像。

我找到了这个解决方案: https ://mattjimison.com/2017/06/03/referencing-images-sharepoint-framework-webpart/

但问题是当我这样做时出现错误gulp serve

好像它是一个缺失的模块?我怎样才能启动并运行它?

0 投票
2 回答
9215 浏览

reactjs - [SPLoaderError.loadComponentError]: ***加载组件失败

我在 Sharepoint Framework 中开发了一个 webpart,当我使用 gulp build 编译它时,它编译得很好,但是当我执行 gulp serve 并将 webpart 添加到工作台时,我得到了这个错误:

主要代码文件在 BuilderWebpart.ts 下面

BuilderWebPart.manifest.json

生成器.tsx

0 投票
0 回答
269 浏览

adal - ADAL SPFx getCachedUser 始终为空

我们有一个 SPFx Web 部件运行良好,但即使用户在点击包含 SPFx Web 部件的页面时已经登录到 Office 365 - getCachedUser 对象始终为空。这会强制重定向登录,它会立即自动重定向回我们的应用程序页面。

我们最初使用纯 JavaScript 的 PoC 从未这样做过,但 SPFx Web 部件总是在第一次点击时重定向。

有没有人看到并修复了这种行为?我们应该在 Authentication 包装器中寻找什么?

这是我们的代码示例:

这段代码(和其他支持代码)效果很好,即使用户登录,我们也无法绕过重定向。getCachedUser 方法始终为空/未定义。

0 投票
1 回答
2299 浏览

jquery - SPFx 中的 jQuery 未定义

我一直在阅读各种文章,包括这篇在 spfx webpart 中使用 jquery 函数的文章,但我似乎无法让 jQuery 与我的 SPFx webpart 一起使用。

我的第一次尝试是将加载放在全局范围内:

尽管在构造函数中,上面的代码在我的渲染函数中导致错误(jQuery 未定义):

接下来,我尝试添加版本 2 的类型(据我所知,这是 SPFx 支持的最高版本):

npm install @types/jquery@2.0.48 --save-dev

上述结果导致许多类似于以下的编译错误:

ReferenceError:未定义 jQuery

我什至尝试将它直接添加到渲染中,这不会导致任何错误,只是什么也没发生!不显示生成的 HTML。"):

我什至尝试在初始化中添加它:

我还能尝试什么才能在我的 SPFx webpart 中使用 jQuery?

编辑:当我尝试import * as jQuery from 'jQuery'我得到这个错误:

在此处输入图像描述

0 投票
1 回答
106 浏览

.net - Bot builder : 如何在 SPFx 中启用我的 Bot 以在连接后识别用户

我正在尝试将我的聊天机器人集成到 sharepoint 网站中。我想要的是我可以识别正在使用我的机器人的当前用户(例如,如果用户 X 连接到 sharepoint 并打招呼,机器人会回复“Hi X”),因为我想管理 sharepoint 中相对于的列表每个用户。

我搜索并找到了一个名为 SPFx for sharepoint 的框架。

这个框架是解决方案吗?如果是这样,我如何在 SPFx 中启用我的机器人?如果不是,我如何确定当前用户?是在聊天前验证吗?

0 投票
1 回答
1346 浏览

web-parts - SharePoint 框架 Web 部件滚动

我遇到了一个带有大型 UI 的 SPFx Web 部件的问题。当用户向下滚动一页并单击更改页面的链接时,似乎无法以编程方式滚动到 Web 部件的顶部。我已经尝试了所有常用方法,例如 scrollIntoView 到顶部的 div 和 scrollTo ,但似乎没有任何效果。有没有办法在 SPFx Web 部件内滚动?

0 投票
1 回答
1365 浏览

sharepoint - 如何在 SPFx 中使用本地化资源?

我在 config.json 中定义了以下部分:

在我的 write-manifests.json 中,我有以下内容:

但是,当我使用部署我的网站时gulp bundle --shipgulp package-solution --ship我得到了错误!

我还为cdnBasePath尝试了以下值:

请注意:“PublicCDN”是 SiteAssets 库下的一个文件夹。

技术细节

[SPLoaderError.loadComponentError]:***无法加载组件“63fefa07-d133-4d8b-beba-e4a961675cad”(SimpleContactFormWebPart)。Original error: ***Failed to load URL ' https://publiccdn.sharepointonline.com/avvenireinc.sharepoint.com/sites/14480077efdd98d1f7ac72f606b8b39cd9fcec4dbae7db146cdded624b48b5c09c1eee47/PublicCDN/SimpleContactFormWebPart/simplecontactformwebpart-simplecontactformwebpartstrings_en-us_42a0f6681da2dc33b87df83d67355874.js ' for resource 'SimpleContactFormWebPartStrings' in component '63fefa07-d133-4d8b-beba-e4a961675cad'(SimpleContactFormWebPart)。出现网络问题。这可能是 HTTPS 证书的问题。确保您拥有正确的证书。

如何定义我的 CDN 路径,以便 SharePoint 可以找到本地化文件!?

编辑:删除本地化文件及其引用后,我现在收到以下错误,这似乎表明我运行时实际上没有部署任何内容gulp bundle --ship

[SPLoaderError.loadComponentError]:***无法加载组件“63fefa07-d133-4d8b-beba-e4a961675cad”(SimpleContactFormWebPart)。原始错误:***无法为组件“63fefa07-d133-4d8b-beba-e4a961675cad”(SimpleContactFormWebPart)中的资源“simple-contact-form-web-part”。出现网络问题。这可能是 HTTPS 证书的问题。确保您拥有正确的证书。

0 投票
2 回答
1169 浏览

javascript - 没有正确使用反应生命周期

我有一个 Sharepoint Framework webpart,它基本上有一个属性侧栏,我可以在其中选择 Sharepoint 列表,并根据选择将该列表中的列表项呈现到 Office UI DetailsList 组件中。

当我调试 REST 调用时一切正常,但问题是我从来没有在屏幕上呈现任何数据。

所以如果我选择 GenericList 它应该查询 Generic LIst,如果我选择 Directory 它应该查询 Directory 列表,但是当我选择 Directory 它仍然说选择是 GenericList,而不是目录。

这是我的网络部件代码

这是我的组件代码

我认为其余的代码是不必要的

更新 SharepointDataProvider.ts

数据提供者.ts

0 投票
1 回答
194 浏览

sharepoint - 如何使用 Sharepoint 框架在我自己的 webpart 上调整突出显示的内容 webpart?

我目前正在开发自己的 sharepoint 框架 webpart,我想使用与 sharepoint 上原生可用的突出显示内容 webpart 完全相同的属性。尤其是属性窗格中的“内容”和“过滤和排序”组。但由于我是 sharepoint 开发的新手,我想知道某处是否有源代码或类似的东西可以用来帮助我。

预先感谢您的帮助

0 投票
1 回答
1419 浏览

reactjs - 使用反应路由在sharepoint框架webpart中路由?我陷入了一种情况,我必须在单击按钮时重定向到另一个页面。

从'react'导入*作为React;import { browserHistory } from "react-router-dom" import Title from './app'