如何在现有的MVC项目中安装office-ui-fabric-react？

Question

我们已经开始构建一个应用程序，然后决定将它与office-ui-fabric-react集成。我知道如何使用npm ...安装软件包，我根本不知道在哪里安装NodeJs＆amp; gulp。
我有一个名为Relationize的存储库，在该存储库中我有一个文件夹到我的Api和我的web应用程序（这里也是我的package-lock.json）。
在这里我不知道它应该在我的项目文件的根目录中还是在我的wwwroot中（如所说它应该在你的根目录中）。但是当我运行所有3个命令时：npm i -S nodejs，npm install --global gulp-cli和最终npm --save install office-ui-fabric-react来安装办公软件包。 当我尝试在单独的javascript文件中添加组件时，只测试它是否有效（只是从@Microsoft复制代码：

import * as React from 'react';
import * as ReactDOM from 'react-dom';
import { Fabric } from 'office-ui-fabric-react/lib/Fabric';
import { DefaultButton } from 'office-ui-fabric-react/lib/Button';

const MyPage = () => (<Fabric><DefaultButton>I am a button.</DefaultButton></Fabric>);

ReactDOM.render(<MyPage />, document.body.firstChild);

它出错了：

Uncaught SyntaxError: Unexpected token import

有没有人有一个可以理解的指导如何在现有项目中实现这一点，或者有人想花一些时间帮助我实现它？

提前致谢！

Answer 1

也许您错过了构建工具的生态系统，可以将您的js文件转换为浏览器可以理解的内容，例如： babel，webpack之类的？您的浏览器可能会理解最新的模块语法...

有一个很好的示例程序：https://medium.com/@gmonne/simple-app-layout-with-office-ui-fabric-react-2eac6361e1b4。还有其他例子。