请问 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,
}),
],
});
关于 LearnKu
粤公网安备 44030502004330号
推荐文章：