为什么 Laravel9/Vite 应用程序构建后找不到资源文件

Question

建立了资产后，

\n

build\nvite build\n\nvite v3.0.3 building for production...\n\xe2\x9c\x93 64 modules transformed.\npublic/build/manifest.json             0.28 KiB\npublic/build/assets/app.45719a2b.css   189.82 KiB / gzip: 26.83 KiB\npublic/build/assets/app.bbc97e91.js    117.98 KiB / gzip: 37.68 KiB\n

\n

在新创建的 Laravel 9 项目中，我收到控制台错误消息

\n

GET http://localhost:8001/public/build/assets/app.45719a2b.css net::ERR_ABORTED 404 (Not Found)\nGET http://localhost:8001/public/build/assets/app.bbc97e91.js net::ERR_ABORTED 404 (Not Found)\n

\n

据报告，两者都位于布局刀片中包含以下内容的行：

\n

@vite('resources/js/app.js')\n

\n

我已按照所有说明进行操作，以达到我能找到的目的，但无济于事，出现了相同的错误。\n我已使用说明重新设计了该项目三次，但都出现了此错误。

\n

Answer 1

您需要设置APP_URL环境变量，以获得正确的工作npm run build命令。如果您的项目使用本地服务器工具（即 Valet、Homestead、Laragon、Wamp 等），您需要像这样添加server部分，以获得正确的工作命令：vite.config.jsnpm run dev

import {defineConfig} from 'vite';
import laravel        from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [
        laravel({
            input: [
                'resources/js/app.js',
                'resources/sass/app.scss'
            ],
            refresh: true,
        }),
    ],
    server: {
        https: false,
        host: 'yoursite.loc',
    },
});