新州没有显示任何内容

Question

我使用$stateProvider允许不同的组件控制不同的页面，但我似乎无法使用多个页面。

这是一个pnkr： http://plnkr.co/edit/PatUnSmPJfqcYqjz5XaA?p=preview

DM_RoutingSetup.js：

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

app.config(function($stateProvider) {
    states = [
        {                   // --- This Works ---
            name: 'DM', 
            url: '', 
            component: 'dMcomponent' 
        },{                 // --- This Doesn't ---
            name: 'Config', 
            url: '/config', 
            component: 'configcomponent'}
    ];
    states.forEach(state => $stateProvider.state(state))
})

dMcomponent在DM_Component.js中定义：

angular.module("DM").component("dMcomponent", {
    templateUrl: "DM_View.html",
    controllerAs: "m",
    controller: ['$http', DM_Controller]
})
function DM_Controller($http) {
    var m = this
    m.testDM = "TEST DM"
}

configcomponent在Config_Component.js中：

angular.module("DM").component("configcomponent", {
    templateUrl: "Config_View.html",
    controllerAs: "c",
    controller: ['$http', Config_Controller]
})
function Config_Controller($http) {
    var c = this
    c.test = "Test Config"
}

这是一个pnkr：http://plnkr.co/edit/PatUnSmPJfqcYqjz5XaA?p=preview，虽然它并不能代表我所看到的。在plnkr上，它说＆＃34; Not Found＆＃34;。

在我的本地环境中，＆＃34; / config＆＃34;只显示空白页面。

“元素”标签中没有我的应用程序的痕迹。控制台选项卡中也没有任何错误。