Npm 无法在 Laravel 11 项目上运行 vite build

Question

我使用 Composer 创建了一个新的默认 Laravel 项目。设置是基本的，如下所述。当我运行任何 Vite 命令（构建、开发等）时，我收到以下错误消息：

npm run dev

error when starting dev server:
TypeError: Invalid URL
    at new URL (node:internal/url:806:29)
    at getAdditionalAllowedHosts (file:///Users/hazarcandogabakan/Desktop/projects/unusualspacelanding/node_modules/vite/dist/node/chunks/dep-CjorC8P2.js:59194:29)
    at resolveConfig (file:///Users/hazarcandogabakan/Desktop/projects/unusualspacelanding/node_modules/vite/dist/node/chunks/dep-CjorC8P2.js:66549:29)
    at async _createServer (file:///Users/hazarcandogabakan/Desktop/projects/unusualspacelanding/node_modules/vite/dist/node/chunks/dep-CjorC8P2.js:62901:18)
    at async CAC.<anonymous> (file:///Users/hazarcandogabakan/Desktop/projects/unusualspacelanding/node_modules/vite/dist/node/cli.js:736:20)

以下是环境详情： *考虑到我在另一个具有相同包版本的 Laravel 11 (Twill CMS) 项目中使用相同的配置。 *

NPM version: v10.9.0;
Node version: v20.18.0;
PHP: 8.2;
Laravel: 11;
in '.env' file, APP_URL=http://127.0.0.1:8000;

这是我的package.json：

{
    "private": true,
    "type": "module",
    "scripts": {
        "dev": "vite",
        "build": "vite build",
        "watch": "vite build --watch"
    },
    "devDependencies": {
        "autoprefixer": "^10.4.20",
        "axios": "^1.7.4",
        "concurrently": "^9.0.1",
        "postcss": "^8.4.47",
        "tailwindcss": "^3.4.13",
        "@rollup/plugin-inject": "^5.0.5",
        "laravel-vite-plugin": "^1.0",
        "vite": "^5.0"
    },
    "dependencies": {
        "include-media": "^2.0.0",
        "jquery": "^3.7.1",
        "sass": "^1.83.4"
    }
}

以下是我的“vite.config.js”。

import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';
import inject from "@rollup/plugin-inject";

var config = {
    plugins: [
        laravel({
            input: [
                'resources/scss/style.scss',
                'resources/js/app.js'
            ],
            refresh: true,
        }),
        inject({
            $: 'jquery',
            jQuery: 'jquery',
        })
    ],
    build: {
        assetsDir: '',
    },
};

export default defineConfig(({command, mode, ssrBuild}) => {
    if (command === 'serve') {
        config.publicDir = 'public';
        config.build = {
            assetsDir: '',
            copyPublicDir: false,
            emptyOutDir: true,
        };
    }

    return config;
});

我尝试删除节点模块并重新安装它们。 由于我使用 XAMPP 和 Docker，因此我重新启动了 Mac，以防端口被占用。 我尝试在

php artisan serve

和 Docker (Laradock) 设置上运行应用程序。

请考虑到相同的设置在另一个项目上运行顺利，所以我不知道我错过了哪一步。

我尝试删除node_modules并重新安装它们。 由于我使用了 XAMPP 和 Docker，因此我重新启动了计算机，以防端口被占用。

Answer 1

我也有同样的问题。将Vite更新到版本“vite”：“5.4.12”后，出现此错误。在 5.4.11 版本上，一切正常。