React Aceで Unexpected token '<' が表示される
- POSTS
React Aceでテキストエディタを使用しようと思ったらブラウザで開いた際にUnexpected token '<'...が発生した
ブラウザ側でリロードした時に発生する、コードを保存した時のホットリロードでは発生しない
エラーが発生しているファイルを見てみるとどうやらHTMLファイルをjavascriptとして読み込もうとしているらしい
解決策1 <base href="/" />をpublic/index.htmlの<head>に追加してみた
こことかを参考にやってみた
結果、変わらず
解決策2 babel関連をインストールしてみる
webpack.config.jsが無いのでnpm run ejectとかもしてみるが色々やってもエラーは変わらず
解決策3(これで解決した) 突然別のエラーが発生した
Refused to execute script from 'http://localhost:3000/project-name/static/js/worker-javascript.js' because its MIME type ('text/html') is not executable. またエディタ側で以下のエラーが発生するようになった
Failed to parse source map from 'data:application/json;base64,': SyntaxError: Unexpected end of JSON input ただのWarningらしく普通に実行できるがブラウザ側のエラーは今までのと合わせて消えてない
そこでApp.tsxに以下の行を追加した
import "ace-builds/webpack-resolver"; 結果今までのエラーも一緒に消えた