ASP.Net MVC проект с офисной UI Fabric реагируют
Мы пытаемся создать пример приложения с помощью asp.net MVC, используя Office UI Fabric React. Выполните следующие шаги из командной строки узла js, как упомянуто здесь. Следуя инструкциям, я смог получить нормальный образец реакции. Я попытался добавить код метки пользовательского интерфейса фабрики, как показано ниже в файле index.tsx, а затем запустить приложение, но компонент метки реагирования фабрики не отображается в браузере. код index.tsx:
/* tslint:disable:no-unused-variable */
import * as React from 'react';
/* tslint:enable:no-unused-variable */
import { Label } from 'office-ui-fabric-react/lib/Label';
export const LabelBasicExample = () => (
<div>
<Label>I'm a Label</Label>
<Label disabled={ true }>I'm a disabled Label</Label>
<Label required={ true }>I'm a required Label</Label>
</div>
);
После добавления этого кода запустил webpack из командной строки nodejs, а затем попытался просмотреть мой index.html, который имеет следующий код. Но не мог видеть, как реагирующий компонент рендерится, и я не получаю никакой ошибки.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Hello React!</title>
</head>
<body>
<div id="example"></div>
<!-- Dependencies -->
<script src="./node_modules/react/umd/react.development.js"></script>
<script src="./node_modules/react-dom/umd/react-dom.development.js"></script>
<!-- Main -->
<script src="./dist/bundle.js"></script>
</body>
</html>
Может ли кто-нибудь здесь помочь, есть ли какой-то дополнительный шаг, который я пропускаю здесь, или подскажите мне, как заставить компонент реагировать на работу с asp.net.
Спасибо