Symfony Encore / Webpack {{ asset('build/app.js') }} 没有给出有效的路径，从浏览器加载资产时出错

Question

刚刚开始使用Symfony和Encore/webpack。

我遵循Symfony的教程，我的webpack.config.js如下：

var Encore = require('@symfony/webpack-encore');
Encore
    .setOutputPath('public/build/')
    .setPublicPath('/build')
    .addEntry('app', './assets/js/app.js')
    .addStyleEntry('global', './assets/scss/global.scss')
    .enableSassLoader()
    .enableLessLoader()
    .enablePostCssLoader()
    .enableReactPreset()
    .autoProvidejQuery()
    .enableBuildNotifications()
    .cleanupOutputBeforeBuild()
    .enableSourceMaps(!Encore.isProduction())
    .enableVersioning(Encore.isProduction())
    .createSharedEntry('vendor', [
        'materialize-css',
        './assets/js/global.js',
    ])
;
module.exports = Encore.getWebpackConfig();

和我的基本视图：

{% extends 'base.html.twig' %}
{% block body%}
Start
{% endblock %}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('build/global.css') }}">
{% endblock %}
{% block javascripts %}
    <script src="{{ asset('build/app.js') }}"></script>
{% endblock %}

我的问题是，即使两个文件都与文档的教程几乎相同，在Localhost进行测试时，我也会在加载CSS和JS假定的输出文件时都会出现错误。

我的 manifest.json有一个，这些文件存在，并且在正确的位置进行了良好的编译：

"build/app.js": "/build/app.b9fa9f82050709ad01b8.js",
"build/global.css": "/build/global.ae6834d55ea0d4ff4100ad77aeffad72.css"

Chrome Console的输出：

GET http://localhost/my-website/public/build/app.js net::ERR_ABORTED         localhost/:11
GET http://localhost/my-website/public/build/global.css net::ERR_ABORTED     localhost/:6

Answer 1

我刚刚删除了我的项目，以相同的方式重新配置，现在起作用...