首页 > 解决方案 > Angular找不到变量缓存

问题描述

当我在本地运行我的 Angular 应用程序时,它在所有东西上都可以正常运行,但是如果我将它部署在 Heroku 上 - 在 Go 服务器中,则在 Chrome 和 Opera 上的 Angular 构建上禁用 aot - 在移动设备、Linux 和 osx 上 - 但它会引发错误在野生动物园:

ReferenceError: Can't find variable: Cache

当我仔细查看错误时,我想它来自我的模块提供程序。因为它需要我:

 main-es2015[...].js

[...], IP, KM, {
            provide: Cache, // error
            useClass: KM,
            multi: !0
        }],

对应的app.module.ts部分

providers: [
    {provide: HTTP_INTERCEPTORS, useClass: JwtInterceptor, multi: true},
    {provide: HTTP_INTERCEPTORS, useClass: ErrorInterceptorService, multi: true},
    {provide: HTTP_INTERCEPTORS, useClass: CachingInterceptor, multi: true},
    ApplicationStateService,
    CacheMapService,
    {provide: Cache, useClass: CacheMapService, multi: true}
  ],

缓存提供程序不是多的,而是多的,但没有区别

标签: angulargoherokusafari

解决方案


有一个变量名为:

declare var Cache: {prototype: Cache; new():Cache}

lib.dom.d.ts文件中。我使用的是这个变量而不是我的cache.ts模型。我太傻了...如果您也有缓存模型,请将其放在 *.module.ts 文件的顶部

import {Cache} from 'path-to-cache-file'

推荐阅读