请问 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,
}),
],
});
推荐文章: