问题标签 [office-ui-fabric]
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.
babeljs - SyntaxError：在 Gatsbyjs 博客中尝试导入 office-ui-fabric 时，导出声明可能仅出现在模块的顶层
我正在尝试使用 gatsby js 在博客构建中添加 OfficeUI 结构组件。
一旦我导入任何组件，该站点就会停止工作。
使用开发命令，我可以在浏览器控制台中看到：SyntaxError: export declarations may only appear at top level of a module
如何解决这个问题？（我对节点开发很陌生）。
我所做的搜索表明 babel 不使用 es2015 预设存在问题。但是，我仔细检查了，.babelrc 文件提到了这个预设。
这是我完成的完整操作（如果重要，在 Windows 10 x64 上）：
克隆了 gatsby-starter-blog-no-styles repo：
喝杯咖啡（很快就会转向纱线）
检查是否有效
打开浏览器（http://localhost:8000）。没关系
添加了 office ui fabric react 组件
重新启动 gatsby 开发。还在工作
更改 src/layouts/index.js 文件以导入办公组件
瞧！它停止工作。在浏览器控制台中，我看到一个错误：
SyntaxError: export declarations may only appear at top level of a module
我在 GH 中放入了一个完整的复制存储库：https ://github.com/stevebeauge/repro-gatsbyjs-officeui-error
[编辑] 稍微挖掘一下，我可以在生成的“common.js”文件中看到错误：
这里的导出似乎是被禁止的，这导致了 Babel 问题（虽然没有找到解决方法）
reactjs - 是否可以在图像加载之前显示首字母？
我正在使用Persona组件，有时加载图像需要时间。是否可以在图像加载之前显示用户姓名首字母？这种确切的行为在 OWA 中已经到位。
angular - 在angular 4项目中导入fabric js组件
我试图在我的 Angular 4 项目中安装 fabric-js 组件
使用命令
链接中提供
我已正确执行所有步骤，但我仍然无法找到
在我的 node_modules 文件夹中。我对如何在
javascript - 无法更改 Office UI React Dialog 版本的样式。5.56.0
我正在使用旧版本的 office-ui-fabric-react (5.56.0)。所以我的 Dialog 组件只有 getStyles 属性。问题是对话框宽度似乎被阻止了，我不知道如何更改它。我试图改变它的内容，但这并没有使对话框本身更宽。
我也尝试了这个解决方案：https ://github.com/OfficeDev/office-ui-fabric-react/issues/5175 但它没有锻炼。我试图将功能更改为：
还是不行。Mb 有人遇到过同样的问题吗？
reactjs - React：如何使用 Office UI 结构在不刷新页面的情况下导航
我正在使用Office UI Fabric创建具有不同视图的应用程序。
导航栏.js：
在 App.js 中，我只返回和 . 问题是，当我单击 NavBar 的项目时，页面将刷新并在该路由中加载整个视图。我如何只重新加载组件，而不是整个页面？
这是 App.js 渲染返回中的路由部分：
我有这样的路线：
该页面正在运行，但是如果我单击一个，我如何使用它来指定导航栏项目，然后只渲染目标组件？
css - office-ui-fabric-react：loadTheme 更改全局 CSS？
我正在为我的应用程序使用 office-ui-fabric-react，并且我正在使用 来自loadTheme定义我的应用程序的调色板。
使用loadTheme确实改变了我的组件的行为方式，但它不会影响页面的全局 CSS，如页面背景等......
鉴于我还导入了office-ui-fabricdist CSS，我希望 CSS 也会被更改，也许通过一些 CSS3变量。
这不是它应该如何工作的吗？我应该在每次loadTheme通话时手动设置 CSS 吗？
office-ui-fabric - Office UI Fabric React - DetailsList 列的宽度
如何配置DetailsList组件中的列以使它们对齐以适应内容？
reactjs - 无法使用 Jest/Enzyme 测试面板内的组件
我需要在Panel中测试一个组件。
主要问题是面板在打开时呈现在反应根元素之外。当我挂载我的组件时，面板的内容不会显示在挂载中。我发现内容不在反应范围内。我可以使用文档访问内容，但我想利用 Jest/Enzyme 来模拟Click、spyOn 等...
如何使用 Jest/Enzyme 测试面板内的元素？
javascript - 在 JavaScript 中访问 Office UI Fabric 主题颜色
根据有关通过 JavaScript 样式库使用的文档，我正在尝试在我的应用程序中访问 Office Fabric UI 主题颜色。我已经按照说明安装了@uifabric/styling. 然后我应该简单地将样式导入为
...获得颜色。但我收到以下 TypeScript 错误：
文档是旧的还是打字稿定义是旧的？
有任何想法吗？
office-ui-fabric - 由于结构中的一些问题，单元测试用例在我的 React 应用程序中失败
我是新来的反应，也想使用 office react ui 来满足我们的一个要求错误。
E:\net_react\my-new-app\ClientApp\node_modules\office-ui-fabric-react\lib\Fabric.js:1 ({"Object.":function(module,exports,require,__dirname,__filename,global ,jest){export * from './components/Fabric/index'; ^^^^^^
SyntaxError：意外的令牌导出
在对象的 ScriptTransformer._transformAndBuildScript (node_modules/jest-runtime/build/ScriptTransformer.js:289:17)。(src/components/Login.js:13:592) 在对象。(src/components/Home.js:2:14)
我的 Login.js 中有一个导入语句