React-ace: 反応ボイラープレートとの統合

作成日 2018年01月19日 · 7コメント · ソース: securingsincity/react-ace

問題

こんにちはみんな、私はreact-aceに不慣れです、ちなみにとても素敵なプロジェクト、私はとても好きでした。
非常に初心者の質問があります。https：//github.com/react-boilerplate/react-boilerplateを使用してプロジェクトをブートストラップし、依存関係としてreact-aceを追加しましたが、すべてが正常に機能しているようです。

しかし、コンソールに上記のエラーが表示されます。

_mode-mode.js:1 Uncaught SyntaxError: Unexpected token <_

両方のプロジェクト間のwebpack構成に関するもののようですか？この設定について何かお勧めできますか？

これは私がreact-aceを使用している方法です：

import React, { Component } from 'react';
import AceEditor from 'react-ace';
import messages from './messages';

import 'brace/theme/github';

export default class HomePage extends Component { // eslint-disable-line react/prefer-stateless-function
  render() {
    return (
      <div>
        <AceEditor
          mode=""
          theme="github"
          onChange={() => null}
          name="UNIQUE_ID_OF_DIV"
          editorProps={{ $blockScrolling: true }}
        />
      </div>
    );
  }
}

awaiting response

ソース

henviso

最も参考になるコメント

@henvisoは、readme https://github.com/securingsincity/react-ace#basic -usageの基本的な使用法に示されているように、モードを設定し、それらのテーマとモードを個別にインポートする必要があります。

securingsincity 2018年01月19日

👍2

全てのコメント7件

securingsincity 2018年01月19日

👍2

それは私にも起こっています、そして私はそれらの輸入を宣言しました。これは私のコードです：

import AceEditor from 'react-ace'
import 'brace/mode/python'
import 'brace/theme/monokai'
// ...
<AceEditor
  name="ACE_EDITOR"
  value={this.props.value}
  mode="python"
  theme="monokai"
/>

それも機能しますが、コンソールでは次のようにスローされます。
Uncaught SyntaxError: Unexpected token < python.js：1
そして、 /snippets/python.jsでホストされているそのファイルにアクセスすると、index.htmlが表示されます。

したがって、必要なJS（ /brace/snippets/python.js ）をパブリックな場所にコピーするには、webpackにいくつかの構成を追加する必要があると思います。 copy-webpack-pluginます。

何かご意見は？