Javascript 我的组件没有'；我不明白

虽然我加载了每个文件，但没有显示任何angularjs组件。 我有点迷路了，因为它没有返回任何错误或任何东西。 我真的卡住了。

root.module.js

 import {suggestions} from './suggestions/suggestions.module';
import {commons} from './commons/commons.module';
import {rootComponent} from './root.component';
import {templates} from './root.templates';
import {i18n} from './root.vendors.module';

export const root =
  angular.module('root', [
    templates,
    commons,
    suggestions

    //vendors
  ])
  .component('rootComponent', rootComponent);

import {suggestionsComponent} from './suggestions.component';
import {suggestionComponent} from './suggestion/suggestion.component';
import {suggestionActionComponent} from './suggestion/suggestion-action/suggestion-action.component';
import {suggestionViewerComponent} from './suggestion/suggestion-viewer/suggestion-viewer.component';

export const suggestions =
  angular.module('suggestions', [])
    .component('suggestions', suggestionsComponent)
    .component('suggestionComponent', suggestionComponent)
    .component('suggestionActionComponent', suggestionActionComponent)
    .component('suggestionViewerComponent', suggestionViewerComponent)
    .name;

export const suggestionsComponent = {
  bindings: {},
  templateUrl: 'suggestions/suggestions.html'
};

export const rootComponent = {
  templateUrl: 'root.html'
};

建议。module.js

 import {suggestions} from './suggestions/suggestions.module';
import {commons} from './commons/commons.module';
import {rootComponent} from './root.component';
import {templates} from './root.templates';
import {i18n} from './root.vendors.module';

export const root =
  angular.module('root', [
    templates,
    commons,
    suggestions

    //vendors
  ])
  .component('rootComponent', rootComponent);

import {suggestionsComponent} from './suggestions.component';
import {suggestionComponent} from './suggestion/suggestion.component';
import {suggestionActionComponent} from './suggestion/suggestion-action/suggestion-action.component';
import {suggestionViewerComponent} from './suggestion/suggestion-viewer/suggestion-viewer.component';

export const suggestions =
  angular.module('suggestions', [])
    .component('suggestions', suggestionsComponent)
    .component('suggestionComponent', suggestionComponent)
    .component('suggestionActionComponent', suggestionActionComponent)
    .component('suggestionViewerComponent', suggestionViewerComponent)
    .name;

export const suggestionsComponent = {
  bindings: {},
  templateUrl: 'suggestions/suggestions.html'
};

export const rootComponent = {
  templateUrl: 'root.html'
};

建议.component.js

 import {suggestions} from './suggestions/suggestions.module';
import {commons} from './commons/commons.module';
import {rootComponent} from './root.component';
import {templates} from './root.templates';
import {i18n} from './root.vendors.module';

export const root =
  angular.module('root', [
    templates,
    commons,
    suggestions

    //vendors
  ])
  .component('rootComponent', rootComponent);

import {suggestionsComponent} from './suggestions.component';
import {suggestionComponent} from './suggestion/suggestion.component';
import {suggestionActionComponent} from './suggestion/suggestion-action/suggestion-action.component';
import {suggestionViewerComponent} from './suggestion/suggestion-viewer/suggestion-viewer.component';

export const suggestions =
  angular.module('suggestions', [])
    .component('suggestions', suggestionsComponent)
    .component('suggestionComponent', suggestionComponent)
    .component('suggestionActionComponent', suggestionActionComponent)
    .component('suggestionViewerComponent', suggestionViewerComponent)
    .name;

export const suggestionsComponent = {
  bindings: {},
  templateUrl: 'suggestions/suggestions.html'
};

export const rootComponent = {
  templateUrl: 'root.html'
};

建议。帕格

h1 soy suggestions
  suggestion

h2 hi from root
suggestions

root.pug

h1 soy suggestions
  suggestion

h2 hi from root
suggestions

root.html（哈巴狗渲染）

---

唯一呈现的是h1，而不是组件。

我在其他项目中使用了pug，并返回让我发布html呈现。我在其他项目中使用了pug，并返回让我发布呈现的html