Как установить office-ui-fabric-react в существующий проект MVC?

Мы начали создавать приложение и решили, что хотим интегрировать его с office-ui-fabric-react. Я знаю, как устанавливать пакеты с помощью npm ..., я просто не знаю, где установить и NodeJs, и gulp.
У меня есть репозиторий Relationize, в этом репозитории есть папка для моего Api и моего веб-приложения (здесь также находится мой 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

Есть ли у кого-нибудь понятное руководство о том, как реализовать это в существующем проекте, или кто-то, кто хочет потратить некоторое время, помогая мне его реализовать?

Заранее спасибо!


person Kevin Beye - Van Hulten    schedule 16.08.2017    source источник


Ответы (1)


Возможно, вам не хватает экосистемы инструментов сборки для преобразования вашего js-файла в то, что понимается вашим браузером, например. babel, webpack и тому подобное? Возможно, ваш браузер понимает новейший синтаксис модуля ...

Хороший пример программы можно найти по адресу: https://medium.com/@gmonne/simple-app-layout-with-office-ui-fabric-react-2eac6361e1b4. Есть и другие примеры.

person user1763729    schedule 18.08.2017