Javascript 在angular js ui路由器中使用ui sref时，未生成href

我使用angular js ui router来路由我的页面，但由于某些原因，href属性没有自动生成，因此我无法路由到我的页面

请看一下我在下面写的代码

mainpage.html
    <a ui-sref="main-page" class="col-md-4 col-sm-6 col-xs-12 cards">

subpage.html
<div class="row">
      <ul class="nav nav-pills col-md-12">
      <li class="nav-item">
          <a role="tab" class="nav-link active" data-toggle="pill" ui-sref="main-page.new">
          </a>
      </li>

---

这里提供的plunker演示中有许多错误

index.html 第2行：缺少

ng app=“app”

第6行：

angular.js之后缺少引号

第7行：
创建一个plunker演示，再现问题。还要注意您使用的angular和ui路由器的版本using@charlietfl当然，让我来做。由于以下错误，itI无法创建plunker:“”处的页面是通过HTTPS加载的，但请求了一个不安全的脚本“”。此请求已被阻止；内容必须通过HttpSt提供，HttpSt是angular的相当旧的版本。但是只要在脚本标记的src中将http更改为https，即使将http更改为https，它也不起作用
.state('main-page',{
        url: '/main-page',
        templateUrl: 'mainpage.html',
        controller: 'mainpageController'
     })

.state('main-page.new',{
        url: '/main-page-new',
        templateUrl: 'main-page-new.html',
        controller: 'mainPageNewController'
    })

app.config(function($stateProvider, $urlRouterProvider){

app.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) {