请问 laravel 9 怎么通过 Vite 使用 React

请问 laravel 9 怎么通过 Vite 使用 React

浏览器控制台提示:

GET http://127.0.0.1:xxxx/@react-refresh net::ERR_ABORTED 404 (Not Found)
Uncaught ReferenceError: React is not defined at abc.jsx:1:28

文件 resources/views/layout.blade.php:

<head>
@viteReactRefresh
@vite('resources/js/abc.jsx')
</head>
<body>
<div  id="react"></div>
</body>

文件 resources/js/abc.jsx: (React 官网示例)

class HelloMessage extends React.Component {
    render() {
        return <div>Hello {this.props.name}</div>;
    }
}

const domContainer = document.querySelector('#react');
const root = ReactDOM.createRoot(domContainer);
root.render(<HelloMessage name="Taylor" />);

文件 vite.config:

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/js/abc.jsx',
            ],
            refresh: true,
        }),
    ],
});
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!