流星应用程序：图像未加载答案

【问题标题】：meteor app: images not loading流星应用程序：图像未加载
【发布时间】：2015-02-05 20:20:05
【问题描述】：

我正在用流星制作一个简单的聊天应用程序。我的 HTML 是：

<body>
    <h1 align="center">tomomi-chat</h1>
    <img src="original.gif">
    <div class="container" align="center">
    {{>entryfield}}
    </div>
    <br>
    <div class="container">
    {{>messages}}
    </div>

图像不会加载到本地服务器上。由于该应用程序非常简单，因此目录中除了“.meteor”文件夹之外没有任何文件夹。 .js、.css 和 .html 文件都在 app 目录中。

即使我托管图像并使用外部链接，结果也是一样的。为什么流星会阻止我的应用程序中的图像？

已部署：http://tomomi.meteor.com/

【问题讨论】：

标签： html image meteor

【解决方案1】：

您应该在应用程序根文件夹中创建一个名为 public 的文件夹。

来自Meteor documentation：

/public

/public 中的文件按原样提供给客户端。用这个来存储图像等资产。例如，如果您有一个图像位于在 /public/background.png，您可以将其包含在您的 HTML 中，或者包含在您的 CSS 中，并使用 background-image：网址（/背景.png）。请注意，/public 不是图像 URL 的一部分。

【讨论】：

【解决方案2】：

创建一个/public 文件夹。把你的图像放在那里。

【讨论】：

【解决方案3】：

为了详细说明这一点，我会像这样在公共文件夹中添加图像资产目录并通过这样的方式提供它

images/transparent.jpg

【讨论】：

【解决方案4】：

将资产放在PROJECT/public文件夹中，当您在标签中指定链接时，只需使用“xyz.jpg”。

就是这样！ URL 中不包含 /public 文件夹。流星框架非常正确地采取了它。

正确 -> “xyz.jpg”

不正确 -> “/public/xyz.jpg”

【讨论】：

【解决方案5】：

如果您是 Windows 10 用户，请像这样制作公用文件夹并以简单的方式调用它

【讨论】：