مرحبًا ، أحاول استخدام رد الفعل في مشروع خاص بي ، ولا يمكنني الحصول على الإكمال التلقائي أو المقتطفات للعمل.
طريقة العرض الخاصة بي هي كما يلي:
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>
</>);
}
ووارداتي هي:
import AceEditor from "react-ace";
import "ace-builds/src-noconflict/mode-html";
import "ace-builds/src-noconflict/theme-monokai";
يتم تحميل الصفحة بشكل جيد ويعمل المحرر مع تمييز بناء الجملة ، ولا أحصل على مربع حوار الإكمال التلقائي / المقتطف.
التحذيرات الوحيدة التي أتلقاها هي (والتي تبدو مثل المشكلة):
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"
أي مساعدة ستكون كبيرة، وشكرا لكم!
تحميل ملحق أدوات اللغة import "ace-builds/src-noconflict/ext-language_tools";
للتحميل احصل على هذه الخيارات للعمل.
مثبت! شكرا جزيلا @ nightwing !
إنشاء PR لتحديث المستندات مع حالة الاستخدام هذه ، كما أتخيل أن الآخرين قد يواجهون نفس المشكلة.
التعليق الأكثر فائدة
تحميل ملحق أدوات اللغة
import "ace-builds/src-noconflict/ext-language_tools";
للتحميل احصل على هذه الخيارات للعمل.