React-ace: Интеграция с реактивным шаблоном

Созданный на 19 янв. 2018 · 7Комментарии · Источник: securingsincity/react-ace

Проблема

Привет, ребята, я новичок в react-ace, кстати, очень хороший проект, мне очень понравилось.
У меня очень нубский вопрос, я только что загрузил проект с https://github.com/react-boilerplate/react-boilerplate , добавил в качестве зависимости response-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 19 янв. 2018

👍2

Все 7 Комментарий

securingsincity 19 янв. 2018

👍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

Итак, я предполагаю, что мне нужно добавить дополнительную конфигурацию в webpack, чтобы скопировать требуемый JS ( /brace/snippets/python.js ) в общедоступное место; используя copy-webpack-plugin .

Есть предположения?