找不到名称 'ENV' 返回：ENV.BASE_URI

Question

我假设我的身份验证服务无法加载导致错误的配置文件。我正在跟随关于 AUTH0.Here 的教程是 link https://auth0.com/blog/real-world-angular-series-part-2/。我必须从 env.config.ts 导入一个文件，我的身份验证将使用该文件 service.Here 是代码 env.config.ts

const _isDev = window.location.port.indexOf('4200') > -1;
const getHost = () => {
  const protocol = window.location.protocol;
  const host = window.location.host;
  return `${protocol}//${host}`;
};
const apiURI = _isDev ? 'http://localhost:8083/api/' : `/api/`;

export const ENV = {
  BASE_URI: getHost(),
  BASE_API: apiURI
};

引用自教程"This code detects the host environment and sets the app's base URI and base API URI. We'll import this ENV configuration wherever we need to detect and use these URIs." 这个env文件导入到auth0需要的文件中，这是我的 auth.config.ts

片段

import { ENV } from './../core/env.config';

interface AuthConfig {
  CLIENT_ID: string;
  CLIENT_DOMAIN: string;
  AUDIENCE: string;
  REDIRECT: string;
  SCOPE: string;
  NAMESPACE: string;
};

export const AUTH_CONFIG: AuthConfig = {
  CLIENT_ID: '[xxx]',
  CLIENT_DOMAIN: '[]', // e.g., kmaida.auth0.com
  AUDIENCE: '[http://localhost:8083/api/]', // e.g., http://localhost:8083/api/
  REDIRECT: `${ENV.BASE_URI}/callback`,
  SCOPE: 'openid profile email',
  NAMESPACE: 'http://myapp.com/roles'
};

请查看教程并分享我可能错过的内容。

auth.service.ts 使用配置文件

   // Remove data from localStorage
    this._clearExpiration();
    this._clearRedirect();
    // End Auth0 authentication session
    this._auth0.logout({
      clientId: AUTH_CONFIG.CLIENT_ID,
      returnTo: ENV.BASE_URI
    });
  }

这是我的导入部分的样子 auth.service.ts

import { Injectable } from '@angular/core';
import { Router } from '@angular/router';
import { BehaviorSubject, Subscription, of, timer } from 'rxjs';
import { mergeMap } from 'rxjs/operators';
import { AUTH_CONFIG } from './auth.config';
import * as auth0 from 'auth0-js';
import { ENV } from './../core/env.config';

我的 cmd 中出现的错误是

ERROR in src/app/auth/auth.service.ts:92:17 - error TS2304: Cannot find name >'ENV'.

92 returnTo: ENV.BASE_URI. I also suspect the way the imports are handled from core have a problem ,as i really im not well vast with the slash imports. I have my app directory that holds the auth and core folder as direct children.

Answer 1

尝试在构造函数中声明 ENV。

public constructor(){
const env = ENV
}

那就用吧

console.log(env.BASE_URI)

找不到名称 'ENV' 返回：ENV.BASE_URI

Cannot find name 'ENV' returnTo: ENV.BASE_URI

javascript

node.js

auth0

angular