は私がREFEREのために使用することを計画していた、この活字体のクラスを持っている

Question

アウレリアプロジェクトでエラーが発生します。ncingプロジェクト固有の変数

しかし

export class GlobalReferences{ 
    public baseApiUri:string 

    constructor(){ 
     this.baseApiUri = 'http://localhost:8080/api/'; 
    } 
} 

、私はそれを参照しようとすると、

import {GlobalReferences} from '../References/GlobalReferences'; 

@autoinject() 
export class CategoriesService{ 
    http: HttpClient; 
    baseApiUrl: string; 
    entityCollectionName: string = 'categories'; 
    constructor(httpClient: HttpClient, references: GlobalReferences) { 
    this.http = httpClient; 
    this.baseApiUrl = references.baseApiUri; 

この場合、エラーがスローされます。

ERROR in ./References/GlobalReferences.ts

Module build failed: Error: Final loader didn't return a Buffer or String

しかし、あなたがChromeのエラーを見てみると、それは次のとおりです：あなたが見える場所に応じて、WebPACKのスローエラーがある

ERROR [app-router] Error: No view model found in module "transactions". at http://localhost:9000/aurelia.bundle.js:3664:15

しかし、私は直接のような値を割り当てるときこれは動作します：

this.baseApiUrl = 'http://localhost:8080/api/' 

問題は次のとおりです。どのように正しくグローバル変数を参照するのですか？

Answer 1

は私が最終的に問題を発見しました。私はtsconfig.jsonでemitDecoratorMetadataフラグをtrueに設定して追加する必要がありました。autoinject（）はそれがなければ正しく動作しませんでした。

Answer 2

試してみてくださいこれらください

ファイルGlobalreferences.ts

import { autoinject } from 'aurelia-framework'; 


@autoinject() 
export class GlobalReferences { 
    public baseApiUri: string 

    constructor() { 
     this.baseApiUri = 'http://localhost:8080/api/'; 
    } 
} 

あなたのサービス：

export class CategoriesService{ 
    http: HttpClient; 
    baseApiUrl: string; 
    entityCollectionName: string = 'categories'; 
    constructor(httpClient: HttpClient, references: GlobalReferences) { 

     this.http = httpClient; 
     this.baseApiUrl = references.baseApiUri; 
    ....