// app.module.ts

"use strict";

import { module } from "angular";

routingConfig.$inject = ["$stateProvider"];

function routingConfig($stateProvider: angular.ui.IStateProvider) {
  const message1State: angular.ui.IState = {
    name: "message1",
    url: "/message1",
    template: "<message-1-component></message-1-component>"
  };

  const home: angular.ui.IState = {
    name: "home",
    url: "/"
  };

  $stateProvider.state(message1State);
  $stateProvider.state(home);
}

const myApp = module("myApp", ["ui.router"])
  .config(routingConfig);

export { myApp };

// app.module.ts

"use strict";

import { module } from "angular";
import uiRoute from "@uirouter/angularjs";

routingConfig.$inject = ["$stateProvider"];

function routingConfig($stateProvider: angular.ui.IStateProvider) {
  const message1State: angular.ui.IState = {
    name: "message1",
    url: "/message1",
    template: "<message-1-component></message-1-component>"
  };

  const home: angular.ui.IState = {
    name: "home",
    url: "/"
  };

  $stateProvider.state(message1State);
  $stateProvider.state(home);
}

const myApp = module("myApp", [uiRoute])
  .config(routingConfig);

export { myApp };

--- 
+++ 
@@ -3,7 +3,6 @@
 "use strict";
 
 import { module } from "angular";
-import uiRoute from "@uirouter/angularjs";
 
 routingConfig.$inject = ["$stateProvider"];
 
@@ -23,7 +22,7 @@
   $stateProvider.state(home);
 }
 
-const myApp = module("myApp", [uiRoute])
+const myApp = module("myApp", ["ui.router"])
   .config(routingConfig);
 
 export { myApp };
Delete useless import. Replace uiRoute -> "ui.router"
