TypeScript导入的常量未定义

时间:2019-03-18 10:33:39

标签: typescript

在我的Vue.ts(带有TypeScript的Vue.js)中,我在一个文件(http声明)中定义了一个常量serverUrl,并将其导入类AuthService的另一个文件中。但是此常量在属性声明或UNDEFINED的构造函数中均为AuthService。在login()函数中可以。有什么问题? 这是我的文件。 http:

import axios, { AxiosError, AxiosRequestConfig } from 'axios';

export const serverUrl = 'http://localhost:63523';       // serverUrl Constant

export const http = axios.create({   timeout: 20000,   headers: {
    'Content-Type': 'application/json',
    'Accept': 'application/json'   } });

和AuthService:

import { http, serverUrl } from '@/services/http';

export class AuthService {

  private authUrl: string = serverUrl + '/' + 'auth/login';    // serverUrl = UNDEFINED

  constructor() {
    this.authUrl = `${serverUrl}/auth/login`;                   // serverUrl = UNDEFINED
  }

  public login(login: string, password: string ) {
    const authUrl2: string = serverUrl + '/' + 'auth/login';   // serverUrl = OK!
    return http.post(authUrl2, {login, password});
  }
}

export const authService = new AuthService();

1 个答案:

答案 0 :(得分:1)

如评论中所述,变量serverUrl未正确插入文件AuthService中,因为这两个文件之间存在循环依赖(不可见来自问题中提供的代码)

解决方案是删除这两个文件之间的循环依赖关系,变量serverUrl将被正确导入。