2017-08-16 4 views
0

アプリケーションの構築を開始し、office-ui-fabric-reactと統合することを決定しました。私はnpm ...を使ってパッケージをインストールする方法を知っています。どこにインストールするのか分かりません。NodeJs & gulp
Relationizeというリポジトリがあります。そのリポジトリには、私のApiと私のWebアプリケーションへのフォルダがあります(ここには私のpackage-lock.jsonもあります)。
ここでは、プロジェクトファイルがあるルートにあるのか、私のwwwrootにあるのかがわかりません(ルートにあるはずです)。しかし、私はすべての3つのコマンド:npm i -S nodejsnpm install --global gulp-cli、そして最終的にはオフィスパッケージをインストールするためにnpm --save install office-ui-fabric-reactを実行しました。私はそれが動作するかどうか(単にテストするために別々のJavaScriptファイルにコンポーネントを追加しようとすると はちょうど@Microsoftからコードをコピー:既存のMVCプロジェクトにoffice-ui-fabric-reactをインストールするにはどうすればいいですか?

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 

誰もが持っています既存のプロジェクトでこれを実装するか、私を助けていくつかの時間を費やすことを望んでいる誰かがそれを実装する方法についての分かりやすいガイド?事前に

ありがとう!

答えて

-1

おそらく、jsファイルをブラウザが理解できるものに変換するためのビルドツールのエコシステムが欠けています。バベル、ウェブパックなど?あなたのブラウザが最新のモジュール構文を理解している可能性があります。

https://medium.com/@gmonne/simple-app-layout-with-office-ui-fabric-react-2eac6361e1b4の良いサンプルプログラムがあります。他にも例があります。

関連する問題