React-ace: Tidak dapat memuat pekerja TypeError: Gagal menjalankan 'createObjectURL' di 'URL': Tidak ditemukan fungsi yang cocok dengan tanda tangan yang diberikan.

Dibuat pada 1 Agu 2017  ·  9Komentar  ·  Sumber: securingsincity/react-ace

Masalah

Saya menggunakan react-ace dalam proyek saya tetapi mengalami masalah:

Could not load worker TypeError: Failed to execute 'createObjectURL' on 'URL': No function was found that matched the signature provided.
    at new WorkerClient (index.js:16800)
    at Mode.createWorker (javascript.js:1029)
    at EditSession.$startWorker (index.js:9120)
    at EditSession.$onChangeMode (index.js:9076)
    at EditSession.<anonymous> (index.js:9057)
    at AppConfig.exports.loadModule (index.js:3684)
    at EditSession.setMode (index.js:9046)
    at ReactAce.componentDidMount (ace.js:93)
    at ReactCompositeComponent.js:264
    at measureLifeCyclePerf (ReactCompositeComponent.js:75)

Masalah ini hanya terjadi ketika saya menggunakan mode yang terkait dengan javascript (javascript, kopi, dll.)

Kode sampel

import AceEditor from "react-ace";
import 'brace';
import 'brace/mode/javascript';
import 'brace/theme/github';

class Test extends React.Component<any, any> {
    render() {
        <AceEditor mode="javascript" theme="github" name="name" />
    }
}

Saya sudah mencoba semua yang saya bisa. Adakah yang bisa membantu menyelesaikan masalah ini? Terima kasih!

picture dynastywind

Komentar yang paling membantu

Adakah yang tahu apakah ini pernah diajukan sebagai masalah dengan Ace?

Saya mengalami masalah ini, tetapi itu terjadi selama pengujian Mocha alih-alih rendering normal, dan mengutak-atik webpack tidak memperbaikinya. :(

picture intrepidOlivia pada 18 Jul 2018
👍9 😕1

Semua 9 komentar

Saya memecahkan masalah ini yang disebabkan oleh konfigurasi di webpack.config.js.

dynastywind picture dynastywind pada 2 Agu 2017

@dynastywind apakah Anda keberatan menambahkan apa yang Anda ubah jika orang lain mengalami masalah ini?

securingsincity picture securingsincity pada 2 Agu 2017

@securingsincity Tentu.

Saya memiliki pengaturan di bawah ini sebelumnya dengan "mainFields" diatur untuk menyelesaikan masalah yang dikomentari. Sebenarnya itu disalin dari suatu tempat di Internet. Bidang ini memecah logika kerja mode terkait javascript react-ace. Setelah saya menghapus bidang ini, program saya kembali normal.

resolve: {
    extensions: ['.js', '.ts', '.tsx'],
    // Fix webpack's default behavior to not load packages with jsnext:main module
    // https://github.com/Microsoft/TypeScript/issues/11677
    mainFields: ['main']
}
dynastywind picture dynastywind pada 4 Agu 2017

@securingsincity Saya menghadapi masalah yang sama. Apakah mungkin untuk mengatasinya tanpa memodifikasi webpack.config? Karena saya memiliki proyek yang dibuat menggunakan create-react-app dan perlu "mengeluarkan" untuk mengakses webpack.config.
( masalah yang sama ada di repo brace https://github.com/thlorenz/brace/issues/54 , tetapi penulis brace mengatakan "perlu diperbaiki di Ace")

krutilin picture krutilin pada 11 Agu 2017
👍1

Saya mengamati pesan peringatan yang sama di konsol saya, tetapi tidak menemukan masalah aktual saat menggunakan editor react-ace. Mungkin saya belum menggunakannya dengan cukup ketat untuk memperhatikan apa pun. Adakah yang bisa memberi tahu saya jika ada masalah nyata yang muncul dengan pesan peringatan ini?

hans-permana picture hans-permana pada 26 Okt 2017

@hans-permana Bisakah Anda masih menggunakan pemeriksaan sintaks di editor setelah Anda menemukan peringatan ini? Saya ingat bahwa tidak ada tanda kesalahan yang muncul jika saya mengetik sesuatu yang ilegal di file JS.

dynastywind picture dynastywind pada 27 Okt 2017

Baru saja menemukan solusi dengan menambahkan cuplikan berikut ke konfigurasi webpack dari https://github.com/thlorenz/brace/issues/97

resolve: {
    mainFields: ["browser", "module", "main"]
},
ShawnLin013 picture ShawnLin013 pada 27 Nov 2017

Adakah yang tahu apakah ini pernah diajukan sebagai masalah dengan Ace?

Saya mengalami masalah ini, tetapi itu terjadi selama pengujian Mocha alih-alih rendering normal, dan mengutak-atik webpack tidak memperbaikinya. :(

intrepidOlivia picture intrepidOlivia pada 18 Jul 2018
👍9 😕1

Saya mengalami masalah ini, tetapi itu terjadi selama pengujian Mocha alih-alih rendering normal, dan mengutak-atik webpack tidak memperbaikinya. :(

menabrak. mengalami masalah yang sama w/ jest dan testing-library/react :(

joshyudeep picture joshyudeep pada 5 Sep 2019
👍3
Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

SecMao picture SecMao  ·  4Komentar
huangjiatian picture huangjiatian  ·  7Komentar
Yuanye picture Yuanye  ·  7Komentar
ponelat picture ponelat  ·  3Komentar
avalkowsky picture avalkowsky  ·  6Komentar