SNS

consoleエラー「@vitejs/plugin-react can’t detect preamble. Something is wrong.」

投稿日:

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を使用したからですかね…?今までは確認できませんでした。

CONTACT

サイト訪問ありがとうございます。
お仕事のご依頼、ご相談がありましたらお気軽にご連絡ください。
*は必須項目となります。

お名前 *
メールアドレス *
会社・組織名
お問い合わせ内容 *
0/300

当サイトはreCAPTCHAによって保護されており、Google のプライバシーポリシーおよび利用規約が適用されます。
当サイトのプライバシーポリシーをご一読の上ご連絡ください。