React-ace: Tidak dapat membuat pelengkapan otomatis atau cuplikan berfungsi

Dibuat pada 3 Apr 2020  ·  3Komentar  ·  Sumber: securingsincity/react-ace

Masalah

Hai, saya mencoba menggunakan react-ace dalam proyek saya, dan saya tidak bisa membuat pelengkapan otomatis atau cuplikan berfungsi.

Metode render saya adalah sebagai berikut:

render(): JSX.Element {

        return (<>
                    <ContentPage>
                        <AceEditor
                            placeholder="Placeholder Text"
                            mode="html"
                            theme="monokai"
                            name="blah2"
                            width="inherit"
                            onChange={this.onCodeChange}
                            fontSize={14}
                            showPrintMargin={true}
                            showGutter={true}
                            highlightActiveLine={true}
                            setOptions={{
                                enableBasicAutocompletion: true,
                                enableLiveAutocompletion: true,
                                enableSnippets: true,
                                showLineNumbers: true,
                                tabSize: 2
                            }}
                        />
                    </ContentPage>
        </>);
    }

dan impor saya adalah:

import AceEditor from "react-ace";
import "ace-builds/src-noconflict/mode-html";
import "ace-builds/src-noconflict/theme-monokai";

Halaman dimuat dengan baik dan editor berfungsi dengan penyorotan sintaks, saya hanya tidak mendapatkan dialog pelengkapan otomatis/cuplikan.

Satu-satunya peringatan yang saya dapatkan adalah (yang terdengar seperti masalah):

ace.js:4316 misspelled option "enableBasicAutocompletion"
warn @ ace.js:4316
ace.js:4316 misspelled option "enableLiveAutocompletion"
warn @ ace.js:4316
ace.js:4316 misspelled option "enableSnippets"

Bantuan apa pun akan sangat membantu, terima kasih!

Komentar yang paling membantu

muat ekstensi alat bahasa import "ace-builds/src-noconflict/ext-language_tools"; untuk memuat agar opsi ini berfungsi.

Semua 3 komentar

muat ekstensi alat bahasa import "ace-builds/src-noconflict/ext-language_tools"; untuk memuat agar opsi ini berfungsi.

Tetap! Terima kasih banyak @nightwing !

Membuat PR untuk memperbarui dokumen dengan kasus penggunaan ini, karena saya membayangkan orang lain mungkin mengalami hal yang sama.

https://github.com/securingsincity/react-ace/pull/816

Apakah halaman ini membantu?
0 / 5 - 0 peringkat