Javascript 角度7+；：“资源”文件夹中的图像不显示

关于我的角度版本的信息：
角度CLI:7.3.9

Node: 10.15.3   
OS: win32 x64   
Angular: 7.2.15   
... animations, common, compiler, compiler-cli, core, forms   
... language-service, platform-browser, platform-browser-dynamic    
... router 

我面临的问题是：

在开发人员构建/环境中：
Angular的

资产

文件夹中的图像不会出现。
当您检查路径时，它显示为“”，HTTP错误404（未找到）。
在HTML模板中，它写为

sample.jpg位于此文件夹

myapp/src/assets/sample.jpg

在产品构建/环境中：

assets

文件夹不会在

dist

文件夹中编译和生成，因此，它也不会出现在此处

即使是从Angular CLI生成的新项目也是如此。这种情况也发生在favicon身上

这是我在

angular.json

中

build

和

test

下的

assets

数组

    "assets": [
      "src/favicon.ico",
      "src/assets"
    ],

我验证了我的文件名和路径。
尝试在同一台计算机上创建两个独立的项目

PS:

---

现在我开始怀疑这是否是由于某种机器限制。我在一台用户访问权限有限的机器上工作。这可能是原因吗？任何系统级限制都会阻止加载图像？

请确保在

angular.json

中声明了资产： 在架构师-->构建下：

architect": {
        "build": {
          "options": {
            "outputPath": "dist",
            "index": "src/index.html",
            "main": "src/main.ts",
            "assets": [
              "src/assets"
            ],

---

尝试在资产/…前面添加“/”

<img width="300" alt="Angular Logo" src="./assets/sample.jpg">

您可以使用

<img width="300" alt="Angular Logo" src="../../assets/sample.jpg">

---

每个“./”在当前目录之前引用一个目录。例如，如果您在src/app/someComponent中，则必须使用“../../assets以访问您的assets目录，因为assets和src位于同一目录中。

Temp O'rary:这肯定可能是一个访问权限问题，从我读到的所有内容来看，它可能是。我这样说是因为您提到资产文件夹并没有在dist文件夹中编译和生成

尝试创建项目或将项目移动到其他驱动器。例如，Frank在的评论中描述了他将代码存储在BitBucket中，这导致他出现了与您遇到的问题类似的问题

---

听起来你们有足够的技术背景，知道文件中的区分大小写会影响事情，但。。。由于您使用CLI生成项目，我认为您至少应该在编译版本中看到资产，因此这可能不是问题所在。

要背景图像吗？这很有效

src
--app
  --customComponent
--assets

在customComponent.css中

:host{
  background-image : url("~src/assets/equaljustice.PNG");
}

---

确保您已将“src/assets”添加到angular.json文件中的assets数组中。在angular cli生成的新默认angular scaffolding应用程序中，它已经存在。我的问题也随之更新。它已经出现在angular cli生成的新默认angular scaffolding应用程序中。我的问题也更新了。尝试使用图像src作为相对：

src=“assets/images/logo.png”

还有angular.json？项目中的

root

中有什么值：{“myapp”：{“root”：“，“sourceRoot”：“src”，我检查了路径是否正确（更新了我的问题并对此进行了解释）你可以分享你的整个angular.json文件。还有一个关于你的项目树的截图。我可以看看你的目录结构吗？是的，它在一台没有限制的机器上工作，这就是我怀疑这种可能性的原因。允许+1来证实我的怀疑。它肯定有什么东西被阻止了，这正成为一种障碍。但是我将需要在他们面前识别并展示它，以使他们相信并移除阻止它的任何东西。你能帮助我如何识别它吗？在系统中，什么会阻止localhost上的无辜png/jpg图像？最后，根据你提供的线索，我能够识别问题。我的项目文件在我的Dropbox文件夹中（与我的文件资源管理器集成）这就是它阻止图像出现的原因。谢谢。请用此更新您的答案。