代码之家 › 专栏 › 技术社区 › A. Gladkiy

找不到Angular 5 html模板文件

systemjs angular

A. Gladkiy · 技术社区 · 7 年前

文件结构如下: app 文件夹包含 main.ts, app.compoment.ts, app.component.html, app.module.ts, app-routing.module.ts

systemjs.config.js :

paths: {
    'npm:': "libs/"
},
map: {
    app: "app",
    ...
},
packages: {
    app: {
        main: "./main.js",
        defaultExtension: "js"
    },
    ...
}

当我把路径作为相对路径时:

templateUrl: './app.component.html'

{domain}/app.component.html 找不到。 {domain} = http://localhost:1234

但如果我把绝对路径:

templateUrl: './app/app.component.html'

我该怎么做才能让相对路径正常工作?

0 回复 | 直到 7 年前

Jeyam Prakash 7 年前

向SystemJS添加了SystemJS插件(SystemJS angular loader.js) 在templateUrl和styleurl中为您提供到“绝对路径”的路径。

我强烈建议您只编写与组件相关的路径。你应该是你。

meta: {
  './*.js': {
    loader: 'systemjs-angular-loader.js'
  }
}

systemjs.config

角cli

另见

Relative template and style urls using system js without moduleid in angular

上一版本

返回应用程序根目录的完整路径 . 它是 相对于应用程序根绝对 .

可能是:

@Component({
   templateUrl: 'app/app.template.html' // or src
})
export class AppComponent {}

@Component({
  moduleId: module.id
  templateUrl: './app.template.html'
})
export class AppComponent {}

如果您使用SystemJS,那么它应该是moduleName变量,而不是module.id变量:

@Component({
  moduleId: __moduleName,
  templateUrl: './app.template.html'
})
export class AppComponent {}

Component relative paths in angular

推荐文章

Thomas Sparber · 使用模块系统从HTML调用typescript函数

8 年前

Milo Kang · 子目录的SystemJS包配置路径映射

8 年前

Ryan Wheale · 自定义网页解析器,用于SystemJS风格的导入!带加载器

8 年前

Ð¡Ð¸Ð¼ÐµÐ¾Ð½ Ð¡Ð¸Ð¼ÐµÐ¾Ð½Ð¾Ð² · 从bower_组件加载系统

8 年前

naveen · 为什么需要。导入js文件时的js扩展名

9 年前

Akshay Gupta · (SystemJS)XHR错误@angular/commobundles/common.umd。未找到js/http

9 年前

Thomas Schneiter · 角度为4的ng2图表:无法绑定到“data”,因为它不是“canvas”的已知属性

9 年前

Manu · 如何使用WebPackage2设置Angular 4项目?

9 年前

porgo · 部署Angular 2应用程序后出错

9 年前

gka · systemjs builder-为angular2绑定rxjs

9 年前