Html 如何使用ui路由器绑定角度组件

我试图一起测试angular v1.6.2组件和ui路由器，但无法使其正常工作。这是我的

html:

注意：当我放置元件标记时

<test></test>

一切都正常，但当我尝试使用ui路由器和ui视图时，情况并非如此

我还使用live server，它将一个额外的脚本放入我的html并连接到。

---

非常感谢您的帮助。Thanx.

检查您的日志，它可能是某个愚蠢的打字错误，您的代码运行良好：我的上帝。谢谢你的好心先生把这篇文章发到代码笔里。它证明了我的代码是好的，所以我开始在其他地方寻找错误。原来npm没有安装最新版本的ui路由器。我认为，如果你不指定任何版本，它总是这样。愚蠢的错误

angular.module('rrrwamac').component('test', {
  template:  '<h3>Its the UI-Router<br>testing..!</h3>'
})

var app = angular.module('rrrwamac', ['ui.router']);

app.config(function($stateProvider) {
    $stateProvider
        .state('test', {
            url: '',
            component: 'test'
        });
});

<test></test>