更新到systemjs-angular-loader.js后的404s

更新到systemjs-angular-loader.js后的404s,angular,systemjs,Angular,Systemjs,我正在更新我的Angular项目,并决定删除moduleId:module.id的所有实例,正如文档所指示的: 所有关于moduleId的提及都被删除了。“组件相对路径”食谱 删除(2017-03-13) 我们在我们的应用程序中添加了一个新的SystemJS插件(SystemJSAngularLoader.js) 建议的SystemJS配置。此插件动态转换 templateUrl中的“组件相对”路径和styleUrls中的“绝对”路径 “路径”是给你的 我们强烈建议您只编写组件相对路径。那个

我正在更新我的Angular项目,并决定删除
moduleId:module.id
的所有实例,正如文档所指示的:

所有关于moduleId的提及都被删除了。“组件相对路径”食谱 删除(2017-03-13)

我们在我们的应用程序中添加了一个新的SystemJS插件(SystemJSAngularLoader.js) 建议的SystemJS配置。此插件动态转换 templateUrl中的“组件相对”路径和styleUrls中的“绝对”路径 “路径”是给你的

我们强烈建议您只编写组件相对路径。那个 是这些文档中讨论的唯一URL形式您不再需要 写入@Component({moduleId:module.id}),您也不应该这样做。

在删除
moduleId:module.id
之前,我执行了以下步骤:

  • 下载systemjs-angular-loader.js文件并将其放入我的src文件夹(与systemjs.config.js的级别相同)
  • 在我的systemjs.config.js文件中添加了
    loader:'systemjs angular loader.js'
    (尝试粘贴更多代码,但由于某些原因无法格式化)
  • 更新了package.json文件中的systemjs版本:
    “systemjs”:“0.20.12”,
  • 按照这些步骤并从我的组件中删除
    moduleId:module.id
    后,正如文档明确指出的那样,我得到了以下错误:

    获取404(未找到)

    下面是组件代码现在的样子:

    @Component({    
        selector: 'checklists',
        templateUrl: 'checklists.component.html'    
    })
    

    为什么我的html文件上有404?我遗漏了一步吗?

    尝试在模板URL前面添加
    /
    。-><代码>'./checklists.component.html'似乎正在工作,谢谢!