net::ERR_CONNECTION_REFUSED 使用 Laravel 9、ReactJs 和 vite js

Question

我正在尝试使用 Laravel 9 和 ReactJS 以及 vite js 构建一个应用程序。我尝试按照以下命令进行构建。

npm 运行开发

但我收到以下错误，

获取http://[::1]:5173/resources/css/app.css net::ERR_CONNECTION_REFUSED

获取http://[::1]:5173/@vite/client net::ERR_CONNECTION_REFUSED

获取 http://[::1]:5173/resources/js/app.jsx net::ERR_CONNECTION_REFUSED

获取http://[::1]:5173/@react-refresh net::ERR_CONNECTION_REFUSED

Answer 1

如果你进入npm run build生产环境，你的.env文件看起来不错，但仍然有这样的错误，如作者\xe2\x80\x93，只需删除该文件public/hot。

\n

Answer 2

对于那些使用 Laravel Sail 的用户，打开该vite.config.js文件并进行配置，如下所示：

export default defineConfig({

  plugins: [
    react(),
    laravel({
        input: ['resources/css/app.css', 'resources/js/app.js'],
        refresh: true,
    }),
  ], 
  server: {
    hmr: {
        host: 'localhost',
    },
  }
});

如果需要，停止并重新启动服务器sail npm run dev

Answer 3

我想我可能已经找到了一个名为 Rollup 的构建选项的解决方案。在生产中构建时，汇总将删除未使用的代码。在此过程中，它将捆绑所需的资源并根据您当前使用的 URL 引用它们。

要修复它，您可以尝试以下操作：

export default defineConfig({
      build: {
        rollupOptions: {}
      }
    })

Github 上发布的类似问题对我有所帮助，所以也许你可以将其用作参考。 这是讨论