当Angular 1.5到Angular 6迁移时，组件中的模板URL不工作

Question

我正在将Angular 1.5项目迁移到Angular 6。Angular 1.5组件中使用的templateUrl不工作。我使用以下软件包，

Angular cli 6.0。8打字稿2.7。2.6.0。7.

我有角1.5组件已经templateUrl映射。我成功地构建了这个混合应用程序，其中我的角1和角6组件被渲染。每当我加载项目的templateUrl获取的路径404未找到，因此angularjs 1.5组件没有得到渲染。而如果我使用'模板'内联html字符串，然后它的工作原理。

我的Angular 1.5代码是用javascript编写的，而我的Angular 6代码是用typescript编写的

有人对此有什么想法吗？过去几天我对这个问题很感兴趣

谢啦

编辑

angular.
module('app.users').
component('userDetails', {
    templateUrl : './ng1/app/src/users/user-details.html',
    //template: 'This is user detail',
    controller: UserController
});

当使用模板时，它工作良好。当templateUrl不工作时。我尝试了以下链接/ng1/app/src/users/user-details。html
/app/src/users/user详细信息。html
/用户详细信息。html
/用户/用户详细信息。html

我的组件js文件位于下/ng1/app/src/users，但是当使用gulp进行构建时，bundle js会在根文件夹中创建

编辑

我收到的错误如下所示，

区js:2969获取http://localhost:8082/ng1/app/src/users/user-细节。html 404（未找到）

angular.js:13236错误：[$compile： tpload]加载模板失败：./ng1/app/src/用户/user-details.html（HTTP状态：404未找到）

编辑浏览器url:http://localhost:8082/users

路线指定为

$routeProvider.when('/users', {
      template: '<user-details></user-details>'
    })

Answer 1

尝试导入顶部的文件

import '/ng1/app/src/users/user-details.html';

在组件中，

templateUrl: 'users.user-details.html';