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

2023-12-24

我正在更新我的 Angular 项目并决定删除所有实例moduleId: module.id,正如文档指示我在这里:https://angular.io/docs/ts/latest/guide/change-log.html https://angular.io/docs/ts/latest/guide/change-log.html

所有提及 moduleId 的内容均已删除。 “组件相对路径”食谱 已删除 (2017-03-13)

我们添加了一个新的 SystemJS 插件 (systemjs-angular-loader.js) 推荐的 SystemJS 配置。该插件动态转换 templateUrl 和 styleUrls 中的“组件相对”路径为“绝对” 路径”为您服务。

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

移除前moduleId: module.id,我做了以下步骤:

  1. 下载systemjs-angular-loader.js文件并将其放入我的src文件夹中(与systemjs.config.js同一级别)
  2. Added loader: 'systemjs-angular-loader.js'到我的 systemjs.config.js 文件(尝试粘贴更多代码,但由于某种原因它不会格式化)
  3. 更新了 package.json 文件中的 systemjs 版本:"systemjs": "0.20.12",

按照这些步骤并删除后moduleId: module.id从我的组件中,正如文档明确指出我应该做的那样,我收到以下错误:

GET http://localhost:3000/checklists.component.html http://localhost:3000/checklists.component.html404(未找到)

该组件代码现在如下所示:

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

为什么我的 html 文件会出现 404 错误?我是不是漏掉了一步?


None

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

更新到 systemjs-angular-loader.js 后出现 404s 的相关文章

随机推荐