（systemjs）xhr错误（404未找到）在angularJS2中加载http

Question

我已将我正在使用的所有功能放在一个新文件夹中，我试图通过导入我正在使用的组件中的所有功能来访问它。我能够导入函数，我甚至能够在组件中实现该功能，但是当我运行应用程序时，我收到404文件未找到错误。 不知道出了什么问题

import { pincodePattern, matchingPasswords, qualificationValidation, emailValidator } from '../functions/functions.validation'

当我运行它时，我得到一个像这样的错误

Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:3000/functions/functions.validation

我能够编译项目，有关如何将函数文件添加到组件中的任何帮助，如果这不是正确的方法

更新1

这是组件文件代码：

import { pincodePattern, matchingPasswords, qualificationValidation, emailValidator } from '../functions/functions.validation'


@Component({
    selector: 'template-form',
    templateUrl: '../app/template.html'       
})
export class AppComponent {
    registrationForm: FormGroup;             

    constructor(private fb: FormBuilder) {
        this.registrationForm = fb.group({
            username: ['', [Validators.required, Validators.minLength(4)]],
            emailId: ['', [Validators.required,emailValidator]],
            qualification: ['', [Validators.required, qualificationValidation]],
            streetAddress: ['', Validators.required],
            town: ['', Validators.required],
            gender: ['', Validators.required],
            designation: ['', Validators.required],
            selCountry: ['', Validators.required],
            selState: ['', Validators.required],
            selCity: ['', Validators.required],
            dateofBirth: ['', Validators.required],
            pincode: ['', [Validators.required, pincodePattern]],
            password: ['', [Validators.required]],
            confirmPassword: ['', Validators.required],
        }, { validator: matchingPasswords('password', 'confirmPassword') })
    }

这是我的文件夹结构

Answer 1

您的功能也应放在组件内。确保也导出该组件。如果你可以共享函数文件，那将会有所帮助。