使用 Laravel 9、ReactJs 和 vite js，出现了 net::ERR_CONNECTION_REFUSED 错误。

Question

我正在尝试使用Laravel 9和ReactJS与vite js构建应用程序。我尝试使用以下命令构建。

npm run dev

但是我得到以下错误，

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

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

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

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

- Sourav Das

---

你解决了这个问题吗？ - Nancy

我也遇到了这个问题，你有什么想法吗？ - Manyang

我使用Laravel 10开发了相同的应用程序，没有出现任何错误。 - Sourav Das

Answer 1

如果您在生产环境中输入了npm run build，并且您的.env文件看起来很好，但仍然出现作者等错误 - 只需删除文件public/hot即可。

- Paweł Moskal

---

谢谢你的帮助，伙计。这解决了我的问题，我可以将应用从本地部署到 DO 应用平台的 Docker 容器中。这个问题让我疯狂了！ - Mick Davies

传奇！你救了我的部署。我尝试了所有方法来解决这个问题。我甚至认为这是因为我的网络主机的原因。 - Keygun2k1

这应该被接受为答案！ - Slasher

这是一个简单的解决方案，太棒了！我想给你的答案投20票))) - Alexander Leon Bulatov

奇怪，我完全不知道为什么这有效，但非常感谢你。 - Hoswoo

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。

- BlackPearl

Answer 3

对我来说很有效 1-首先在终端中运行npm run dev 2-然后运行npm run build

- javad asghari

---

真的吗，我不知道，我们在建设之前必须先完成这一步骤。还有一件事，我们必须将ASSET_URL设置为实际域名。 - undefined

Answer 4

这意味着你的资产尚未构建，需要使用 npm run build 命令构建。

- Majd Harb

Answer 5

在你的 vite.config.js 中添加 host，这样它就会强制使用IPv4

export default defineConfig({
    server: {
        host: '127.0.0.1',  // Add this to force IPv4 only
    },
    plugins: [
        laravel({
            input: ['resources/css/app.css', 'resources/js/app.js'],
            refresh: true,
        }),
    ],
});

- Kidd Tang

Answer 6

在将项目上传到实际服务器或cPanel之前，请先构建资产。 您可以使用以下代码：npm run build 构建资产文件后，您会在项目文件夹中看到一些变化。 资产文件将出现在此文件夹中 - public->build

- Sheraz Howlader

Answer 7

在我的情况下，问题是端口5173已经被占用了。我刚刚释放了它 - 然后一切都正常工作了。希望这可以帮助。

- runner

Answer 8

我认为我可能已经找到了一个名为Rollup的构建选项的解决方案。

在生产环境中构建时，Rollup将删除未使用的代码。在此过程中，它将捆绑所需的资产并根据您当前使用的URL引用它们。

要修复它，您可以尝试这个方法：

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

我在 Github 上看到了一个类似的问题并得到了帮助，也许你可以将其作为参考。 这里是讨论链接

- KingStevenNOS

Answer 9

如果你运行了npm run dev，那么你必须在public/hot中找到一个文件，并在其中重写正确的地址/URL。对我来说，http://127.0.0.1:5173有效。

- Jay Momaya

Answer 10

我本地测试没问题，你可以尝试在vite.config.js文件中加入以下内容：

server: { cors: false },

或者（尝试添加和混合所有值）

server: { https: false, cors: false, hmr: false, port: 8000 },

- Lecano