css - Javascript 文件未正确加载

Question

我有一个不错的 html、css template (源代码 here )。

我将在我的 angular2 应用程序中使用此模板(源代码 here)。

我从 this 中得到了 html 模板存储库 ( index.html )。

我的问题出在angular2源码上

1. 你需要clone Angular 源。
2. 运行 npm install
3. 运行 ng serve

不幸的是，似乎 <script src="assets/js/main.js"></script>在index.html没有正确添加。尽管控制台中没有错误，但左侧菜单已损坏。我知道当 ma​​in.js 不合适时会出现此问题。

这是正确的 html 页面:

这是 Angular 页面(损坏 标题和菜单):

代码相同，但我将 html 模板分解为 3 个组件(标题、菜单和应用程序(主要内容))。

Answer 1

我没有试图弄清楚您的 CSS 发生了什么，而是采用了原始模板，使用 angular-cli 将其转换为 Angular 2，并修复了 CSS 问题。现在一切正常，完整的源代码在https://github.com/Boyan-Kostadinov/angular2-miminium。