React-ace: التكامل مع رد الفعل المعياري

تم إنشاؤها على ١٩ يناير ٢٠١٨ · 7تعليقات · مصدر: securingsincity/react-ace

مشكلة

مرحبًا يا شباب ، أنا جديد في رد الفعل ، مشروع جميل جدًا بالمناسبة ، لقد أحببت كثيرًا.
لدي سؤال مستجد جدًا ، لقد قمت للتو بتشغيل مشروع باستخدام https://github.com/react-boilerplate/react-boilerplate ، وأضفت رد الفعل باعتباره تبعية ويبدو أن كل شيء يعمل بشكل جيد.

لكنني أتلقى الخطأ أعلاه على وحدة التحكم:

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

يبدو أن الأمر يتعلق بتكوين حزمة الويب بين كلا المشروعين؟ هل يمكنكم يا رفاق التوصية بأي شيء حول هذا الإعداد؟

هذه هي الطريقة التي أستخدم بها رد الفعل:

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 تحتاج إلى تعيين وضع واستيراد هذه السمات https://github.com/securingsincity/react-ace#basic -usage.

securingsincity في ١٩ يناير ٢٠١٨

👍2

ال 7 كومينتر

henviso تحتاج إلى تعيين وضع واستيراد هذه السمات https://github.com/securingsincity/react-ace#basic -usage.

securingsincity في ١٩ يناير ٢٠١٨

👍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 .

أي أفكار؟