了解相对路径和绝对路径 javascript

Question

谁能帮助我理解相对路径和绝对路径的概念。我真的很困惑他们如何在我所在的目录中工作？ 我有以下代码，我不能包含 PostService 模块。

import { Component } from '@angular/core';
import { PostService } from '../services/post.service';

@Component({
moduleId: module.id,
selector: 'search',
templateUrl: 'search.component.html',
providers:[PostService]
})

export class SearchComponent  { 
    posts: post[];

    constructor(){
                this.posts = [
        {
            id: 1,
            title:"Post heading",
            body: "They want a self-starter. They don't need more handholding than necessary. They want someone whos not a script kiddy, who knows solid software engineering fundamentals. They want someone who will work well with the team, and be proactive in improving the situation, rathe t just playing the victim when things go wrong."
        },
                    {
            id: 2,
            title:"Post heading",
            body: "They want a self-starter. They don't need more handholding than necessary. They want someone whos not a script kiddy, who knows solid software engineering fundamentals. They want someone who will work well with the team, and be proactive in improving the situation, rathe t just playing the victim when things go wrong."
        },
                    {
            id: 3,
            title:"Post heading",
            body: "They want a self-starter. They don't need more handholding than necessary. They want someone whos not a script kiddy, who knows solid software engineering fundamentals. They want someone who will work well with the team, and be proactive in improving the situation, rathe t just playing the victim when things go wrong."
        }
    ]
    }
}

文件结构如下：

 -- app
   '-- components
       '-- search
           '-- search.component
    '-- services
        '-- post.service

Answer 1

如果您设置了moduleId: module.id,，那么您的templateUrl 和styleSheetsUrl 路径将相对于您所在的当前目录。

因此，如果您使用../ 进入上一层，您将位于组件目录中。您需要再上一级才能进入服务文件夹所在的应用目录。

所以路径应该是：../../services/post.service