404错误 - Angular 4中不起作用的路径

Question

我最近使用CLI创建了一个新的Angular项目，然后添加了我自己的HTML。一切都运行良好，除了我意识到项目Angular2，而不是Angular 4.经过一番调查，我意识到我运行的是早期版本的NodeJS和一个测试版的CLI。所以我卸载了所有东西并安装了最新版本。然后我将当前项目移动到新文件夹（作为备份），然后再次启动清理，使用CLI创建新项目。是的，这次它创建了一个Angular4项目。到目前为止一切都很好。

然后我复制了我的index.html和/ src /文件夹并尝试运行它。

现在，对index.html中任何文件的每次引用（例如/css/mystyle.css,/img/myimage.jpg）都会给出404错误。但文件肯定存在。

为什么我的index.html只是从Ang2切换到Ang4，就现有文件给出了404错误？

Answer 1

问题是cli将默认assets文件夹配置为根据.angular-cli.json config输出静态内容：

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

因此，如果除asset文件夹之外还有其他任何静态内容，除非您自己配置，否则默认情况下不会输出该内容。但是在您的情况下，您只需复制assets下的静态文件即可解决问题。您可以运行ng build来使用assets选项，通过这种方式，您可以看到输出内容和输出内容。