Draft-js: Uncaught SyntaxError: Invalid regular expression
I hooked up the Tweet example into my app and receive this warning. The error seems to disable console.logs on the client side.
athomann
All 10 comments
This is just using the same regex as in tweet.html?
hellendag
on 25 Feb 2016
After a little bit more testing, it appears I get the error by simply adding in an import statement into a component.
import {Editor, EditorState} from 'draft-js';
athomann
on 25 Feb 2016
athomann
on 25 Feb 2016
This just happened to me as well. It also happens with the following using Webpack:
const Editor = require('draft-js').Editor;
const EditorState = require('draft-js').EditorState
lolripgg
on 25 Feb 2016
Figured it out. draft-js requires fbjs, which is responsible for the error. The error occurs because the browser doesn't recognize the UTF-8 characters in the regex posted above.
Solution:
Include <meta charset="utf-8" /> in the <head></head> block of your HTML file!
lolripgg
on 25 Feb 2016
👍31
🎉9
❤5
😄3
That did it! Thanks @brwr. I thought I had that in there..
athomann
on 25 Feb 2016
Nice catch, thanks all.
hellendag
on 25 Feb 2016
if I deploy the same app on https server the issue appears again. (There is no issue if bundle served from http server)
jgzak
on 18 Jul 2017
I also got this problem when I using Apache Server to run react app!
main.fd8154e8.js:1 Uncaught SyntaxError: Invalid regular expression: /[A-Za-zªµºÀ-ÖØ-öø-ƺƻƼ-Æ¿Ç€-ǃDŽ-ʓʔʕ-ʯʰ-ʸʻ-ËË-Ë‘Ë -ˤˮͰ-ͳͶ-ͷͺͻ-ͽͿΆΈ-ΊΌΎ-ΡΣ-ϵϷ-ÒÒ‚ÒŠ-Ô¯Ô±-Õ–Õ™Õš-ÕŸÕ¡-և։ःऄ-हऻऽा-ीॉ-ौॎ-à¥à¥à¥˜-ॡ।-॥०-९॰ॱॲ-ঀং-ঃঅ-ঌà¦-à¦à¦“-নপ-রলশ-হঽা-ীে-ৈো-ৌৎৗড়-à§à§Ÿ-ৡ০-৯ৰ-ৱ৴-৹৺ਃਅ-ਊà¨-à¨à¨“-ਨਪ-ਰਲ-ਲ਼ਵ-ਸ਼ਸ-ਹਾ-ੀਖ਼-ੜਫ਼੦-੯ੲ-ੴઃઅ-àªàª-ઑઓ-નપ-રલ-ળવ-હઽા-ીૉો-à«Œà«à« -ૡ૦-૯૰ଂ-ଃଅ-ଌà¬-à¬à¬“-ନପ-ରଲ-ଳଵ-ହଽାà€à‡-àˆà‹-àŒà—àœ-ààŸ-à¡à¦-à¯à°à±à²-à·à®ƒà®…-ஊஎ-à®à®’-கங-சஜஞ-டண-தந-பம-ஹா-ிà¯-ூெ-ைொ-ௌà¯à¯—௦-௯௰-௲à°-ఃఅ-ఌఎ-à°à°’-నప-హఽà±-ౄౘ-ౙౠ-ౡ౦-౯౿ಂ-ಃಅ-ಌಎ-à²à²’-ನಪ-ಳವ-ಹಽಾಿೀ-ೄೆೇ-ೈೊ-ೋೕ-ೖೞೠ-ೡ೦-೯ೱ-ೲം-ഃഅ-ഌഎ-à´à´’-ഺഽാ-ീെ-ൈൊ-ൌൎൗൠ-ൡ൦-൯൰-൵൹ൺ-ൿං-ඃඅ-ඖක-නඳ-රලව-à·†à·-à·‘à·˜-à·Ÿà·¦-෯ෲ-ෳ෴à¸-ะา-ำเ-ๅๆà¹à¹-๙๚-๛àº-ຂຄງ-ຈຊàºàº”-ທນ-ຟມ-ຣລວສ-ຫàº-ະາ-ຳຽເ-ໄໆà»-໙ໜ-ໟༀà¼-༃༄-༒༓༔༕-༗༚-༟༠-༩༪-༳༴༶༸༾-༿ཀ-ཇཉ-ཬཿ྅ྈ-ྌ྾-࿅࿇-࿌࿎-à¿à¿-࿔࿕-࿘࿙-࿚က-ဪါ-ာေးျ-ြဿá€-á‰áŠ-áá-á•á–-á—áš-áá¡á¢-á¤á¥-á¦á§-áá®-á°áµ-á‚ႃ-ႄႇ-ႌႎá‚á‚-႙ႚ-ႜ႞-á‚Ÿá‚ -ჅჇáƒáƒ-ჺ჻ჼჽ-ቈቊ-á‰á‰-ቖቘቚ-á‰á‰ -ኈኊ-áŠáŠ-ኰኲ-ኵኸ-ኾዀዂ-ዅወ-ዖዘ-áŒáŒ’-ጕጘ-ášá -á¨á©-á¼áŽ€-áŽáŽ -á´á-ᙬá™-᙮ᙯ-ᙿáš-áššáš -ᛪ᛫-á›á›®-á›°á›±-ᛸᜀ-ᜌᜎ-ᜑᜠ-ᜱ᜵-᜶á€-á‘á -á¬á®-á°áž€-ឳាើ-ៅះ-ៈ។-៖ៗ៘-៚ៜ០-៩á -á ™á -ᡂᡃᡄ-ᡷᢀ-ᢨᢪᢰ-ᣵᤀ-ᤞᤣ-ᤦᤩ-ᤫᤰ-ᤱᤳ-ᤸ᥆-á¥á¥-á¥á¥°-ᥴᦀ-ᦫᦰ-ᧀá§-ᧇᧈ-ᧉá§-᧙᧚ᨀ-ᨖᨙ-ᨚ᨞-᨟ᨠ-ᩔᩕᩗᩡᩣ-ᩤá©-ᩲ᪀-᪉áª-᪙᪠-᪦ᪧ᪨-áªá¬„ᬅ-ᬳᬵᬻᬽ-ááƒ-á„á…-á‹á-á™áš-á á¡-áªá´-á¼á®‚ᮃ-ᮠᮡᮦ-ᮧ᮪ᮮ-ᮯ᮰-᮹ᮺ-ᯥᯧᯪ-ᯬᯮ᯲-᯳᯼-᯿ᰀ-ᰣᰤ-á°«á°´-ᰵ᰻-á°¿á±€-᱉á±-á±á±-᱙ᱚ-ᱷᱸ-ᱽ᱾-᱿᳀-᳇᳓᳡ᳩ-ᳬᳮ-ᳱᳲ-ᳳᳵ-ᳶᴀ-á´«á´¬-ᵪᵫ-ᵷᵸᵹ-ᶚᶛ-ᶿḀ-ἕἘ-á¼á¼ -ὅὈ-á½á½-ὗὙὛá½á½Ÿ-ώᾀ-ᾴᾶ-ᾼιῂ-ῄῆ-á¿Œá¿-á¿“á¿–-Ίῠ-Ῥῲ-ῴῶ-ῼ‎â±â¿â‚-ₜℂℇℊ-â„“â„•â„™-â„ℤΩℨK-â„ℯ-ℴℵ-ℸℹℼ-â„¿â……-ⅉⅎâ…â… -ↂↃ-ↄↅ-ↈ⌶-âºâŽ•â’œ-ⓩ⚬⠀-⣿Ⰰ-Ⱞⰰ-ⱞⱠ-ⱻⱼ-ⱽⱾ-ⳤⳫ-ⳮⳲ-ⳳⴀ-ⴥⴧâ´â´°-ⵧⵯ⵰ⶀ-ⶖⶠ-ⶦⶨ-ⶮⶰ-ⶶⶸ-ⶾⷀ-ⷆⷈ-â·Žâ·-â·–â·˜-ⷞ々〆〇〡-〩〮-〯〱-〵〸-〺〻〼ã-ã‚–ã‚-ã‚žã‚Ÿã‚¡-ヺー-ヾヿㄅ-ã„ㄱ-ㆎã†-㆑㆒-㆕㆖-㆟ㆠ-ㆺㇰ-ㇿ㈀-㈜㈠-㈩㈪-㉇㉈-ã‰ã‰ -㉻㉿㊀-㊉㊊-㊰㋀-ã‹‹ã‹-㋾㌀-ã¶ã»-ãã -ã¾ã€-䶵一-鿌ꀀ-ꀔꀕꀖ-ê’Œê“-ꓷꓸ-ꓽ꓾-꓿ꔀ-ꘋꘌê˜-ê˜Ÿê˜ -꘩ꘪ-ꘫꙀ-ê™ê™®êš€-ꚛꚜ-êšêš -ꛥꛦ-ꛯ꛲-꛷Ꜣ-ê¯ê°ê±-ꞇ꞉-꞊Ꞌ-ꞎêž-êžêž°-Ʇꟷꟸ-ꟹꟺꟻ-ê ê ƒ-ê …ê ‡-ê Šê Œ-ê ¢ê £-ê ¤ê §ê °-ê µê ¶-ê ·ê¡€-ꡳꢀ-ê¢ê¢‚-ꢳꢴ-ꣃ꣎-ê£ê£-꣙ꣲ-ꣷ꣸-꣺ꣻ꤀-꤉ꤊ-ꤥ꤮-꤯ꤰ-ꥆꥒ-ê¥“ê¥Ÿê¥ -ꥼꦃꦄ-ꦲꦴ-ꦵꦺ-ꦻꦽ-꧀ê§-ê§ê§ê§-꧙꧞-ê§Ÿê§ -ꧤꧦꧧ-ꧯ꧰-꧹ꧺ-ꧾꨀ-ꨨꨯ-ꨰꨳ-ꨴꩀ-ê©‚ê©„-ê©‹ê©ê©-꩙꩜-ê©Ÿê© -ꩯꩰꩱ-ꩶ꩷-꩹ꩺꩻꩽꩾ-ꪯꪱꪵ-ꪶꪹ-ꪽꫀꫂꫛ-ê«œê«ê«ž-ê«Ÿê« -ꫪꫫꫮ-ꫯ꫰-꫱ꫲꫳ-ꫴꫵê¬-ꬆꬉ-ꬎꬑ-ê¬–ê¬ -ꬦꬨ-ꬮꬰ-êšê›êœ-êŸê¤-ê¥ê¯€-ꯢꯣ-ꯤꯦ-ꯧꯩ-ꯪ꯫꯬꯰-꯹가-힣ힰ-ퟆퟋ-ퟻ-豈-ï©ï©°-龎ff-stﬓ-ﬗＡ-Ｚï½-ｚｦ-ｯｰｱ-ï¾ï¾ž-ï¾Ÿï¾ -ﾾￂ-ￇￊ-ï¿ï¿’-ï¿—ï¿š-ï¿œÖ־׀׃׆׈-××-ת׫-ׯװ-ײ׳-×´×µ-׿߀-߉ߊ-ߪߴ-ߵߺ߻-ß¿à €-à •à šà ¤à ¨à ®-à ¯à °-à ¾à ¿à¡€-ࡘ࡜-à¡à¡žà¡Ÿ-࢟â€ï¬ï¬Ÿ-ﬨשׁ-זּ﬷טּ-לּ﬽מּ﬿ï€-ïï‚ïƒ-ï„ï…ï†-ï؈؋Ø؛؜ØØž-ØŸØ -ؿـÙ-ÙŠÙÙ®-ٯٱ-Û“Û”Û•Û¥-Û¦Û®-Û¯Ûº-Û¼Û½-Û¾Û¿Ü€-ÜÜŽÜÜÜ’-ܯ݋-ÝŒÝ-Þ¥Þ±Þ²-޿ࢠ-ࢲࢳ-ࣣï-ﮱ﮲-ï¯ï¯‚-﯒ﯓ-ﴽ﵀-ïµïµ-ï¶ï¶-﶑ﶒ-ﷇ﷈-ï·ï·°-ﷻ﷼﷾-ï·¿ï¹°-ﹴ﹵ﹶ-ﻼ﻽-﻾]/: Range out of order in character class
at RegExp (<anonymous>)
at Object.<anonymous> (main.fd8154e8.js:1)
at t (main.fd8154e8.js:1)
at Object.<anonymous> (main.fd8154e8.js:1)
at t (main.fd8154e8.js:1)
at Object.<anonymous> (main.fd8154e8.js:1)
at t (main.fd8154e8.js:1)
at Object.<anonymous> (main.fd8154e8.js:1)
at t (main.fd8154e8.js:1)
at Object.<anonymous> (main.fd8154e8.js:1)
solution
just need to set encoding
UTF-8! @brwr, thanks a lot!
<meta charset="UTF-8">
<!DOCTYPE html>
<meta charset="UTF-8">
<html lang="zh-Hans">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<meta name="theme-color" content="#000000">
<link rel="manifest" href="./manifest.json">
<link rel="shortcut icon" href=",/favicon.ico">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<title>React App</title>
<link href="./static/css/main.e8e29e73.css" rel="stylesheet">
</head>
<body><noscript>You need to enable JavaScript to run this app.</noscript>
<div id="root"></div>
<script type="text/javascript" src="./static/js/main.fd8154e8.js"></script>
</body>
</html>
xyzdata
on 5 Sep 2017
👍4
Thanks.
This is working for me
Rajendra24
on 9 May 2019
Was this page helpful?
0 / 5 - 0 ratings
Related issues
steviesama
·
3Comments
roundrobin
·
3Comments
vierno
·
3Comments
ufo22940268
·
3Comments
ktjd123
·
3Comments
Most helpful comment
Figured it out.
draft-jsrequiresfbjs, which is responsible for the error. The error occurs because the browser doesn't recognize the UTF-8 characters in the regex posted above.Solution:
Include
<meta charset="utf-8" />in the<head></head>block of your HTML file!