Vite環境でReactを利用していて気がつくと「Uncaught Error: @vitejs/plugin-react can't detect preamble. Something is wrong」とコンソールエラーがでて開発環境で描画できなくなっていました。
よくわからないまま解決したので備忘録として残して後ほど調べてみようと思います。
開発環境
- React 18.3.1
- Vite 5.4.5
- @vitejs/plugin-react 4.3.1
import react from '@vitejs/plugin-react'; //←コメントアウト
~~省略~~
export default defineConfig({
plugins: [
liveReload(__dirname + '/**/*.php'),
sassGlobImports(),
react(), // ←コメントアウト
],
なんと@vitejs/plugin-react
の読み込みをやめると解決しました。
必要なものと思いインストールしていましたがこういうこともあるんですね…
今回WordPressを使用し、ページの一部にReactを使用したからですかね…?今までは確認できませんでした。