Webpack - 使用 Symfony 实现

NoobieNoob

我正在 Symfony 上运行一个项目。我想第一次使用 Symfony 4、Webpack 和 Vagrant/Homestead。

我的主机是 Windows 10 我的项目是在安装了 Debian Wabpack (yarn) 上的 vagrant/Homestead 的 VM 上的主机

所以,

我在里面创建了一个“assets”文件夹,我有一个“css”文件夹、一个“js”文件夹和一个“scss”文件夹。

我已经运行命令

纱线添加 materialize-css

然后我跑

yarn encore dev --watch

(ofc 我以前运行过 yarn install )

但是当我运行我的 Symfony 网站时......未检测到 Materialise.. 我的控制台显示以下错误:

GET http://website.test/build/app.css/net ::ERR_ABORTED 404(未找到)(索引):16

获取http://website.test/build/manifest.js net::ERR_ABORTED 404(未找到)favicon.ico:1

获取http://website.test/favicon.ico 404(未找到)

这是我的基本模板:

<!DOCTYPE html>

    <meta charset="UTF-8">
    <title>{% block title %}Welcome!{% endblock %}</title>
    {% block stylesheets %}
    <link rel="stylesheet" href={{ asset("build/app.css") }}/>
    {% endblock %}
</head>
<body>
<h1 class="grey">It works !</h1>
<a class="waves-effect waves-light btn">button</a>
<a class="waves-effect waves-light btn"><i class="material-icons left">cloud</i>button</a>
<a class="waves-effect waves-light btn"><i class="material-icons right">cloud</i>button</a>

{% block body %}{% endblock %}
    {% block javascripts %}
        <script src={{ asset("build/app.js") }}></script>
        <script src={{ asset("build/manifest.js") }}></script>
    {% endblock %}
</body>

我不知道该怎么做才能使我的网站正常工作?

拉姆克斯

如果它仍然无法正常工作,您可以尝试以下操作:

<script src={{ asset("./build/app.js") }}></script>
<script src={{ asset("./build/runtime.js") }}></script>

<script src={{ asset("./build/vendors~app.js") }}></script>
//  for style
<link rel="stylesheet" href={{ asset("./build/app.css") }}/>

它对我有用。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

通过Webpack 2使用实现的轮播

在常见的Symfony捆绑包上使用webpack

Symfony 4 - 使用 webpack encore 导入 ChartJS?

使用 Webpack 实现 Vue SFC(无 Vue CLI)

如何在 Symfony 4 中使用 JWT 实现角色

Symfony 4:使用Webpack编译的JS和CSS返回404

未定义Dropzone,在symfony上使用webpack

webpack-encore如何与symfony 5配合使用?

如何使用webpack模块捆绑器实现react-date-range-picker?

Symfony 2必须实现UserProviderInterface

Symfony 4实现REST API

如何使用实现 Symfony 4 UserCheckerInterface 的类中的 addFlash 重定向

关于使用Symfony / FosRestBundle / JMS序列化器实现字段白名单的建议

在Symfony2中使用Compass和Assetic实现Foundation5

如何使用Symfony表单和数据转换器实现测试隔离?

使用API调用身份验证的symfony4 UserProviderInterface实现

如何使用JMS序列化器和Symfony2实现模型侧面加载

如何在Symfony 3中使用twitter / tyepahead.js和blodhound实现自动完成

Webpack和jQuery与Symfony 4.3

使用Symfony Mailer将Webpack资产嵌入Twig的模板化电子邮件中

如何在Symfony 4和Webpack Encore中使用数据表?

在我的 Symfony 项目中使用 Webpack encore 进行资产管理

在Symfony 4中将引导程序与Webpack Encore一起使用

Webpack 4.16.5 中实现了哪个版本的 UglifyJS?

如何实现SASS对原始Webpack的反应?

如何将babel与webpack一起使用以实现ie11兼容性

如何在Symfony中实现Doctrine NotifyPropertyChanged

Symfony 在实现 2 个接口时出错

Symfony Container-实现接口的标签服务