首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在Angular --prod build中修复"TypeError:未定义的不是构造函数(计算'new Lt.Subject')“?使用--优化=false

在Angular的生产构建(--prod build)中修复“TypeError: undefined is not a constructor (evaluating 'new Lt.Subject')”错误,可以采取以下步骤:

  1. 确认错误的来源:错误信息中提到了new Lt.Subject,这表示在代码中使用了new操作符实例化一个名为Subject的构造函数对象,但是Subject未定义的错误。因此,我们需要找到并检查代码中使用了Subject的部分。
  2. 导入正确的依赖:根据错误信息,Subject是Angular的核心RxJS库中的一个对象。请确保在使用Subject之前正确导入了相关的依赖。在Angular中,你可以使用以下方式导入RxJS中的Subject
  3. 导入正确的依赖:根据错误信息,Subject是Angular的核心RxJS库中的一个对象。请确保在使用Subject之前正确导入了相关的依赖。在Angular中,你可以使用以下方式导入RxJS中的Subject
  4. 确认RxJS版本:检查项目中使用的RxJS版本是否与代码兼容。不同版本的RxJS可能具有不同的API,因此请确保在使用Subject之前查看正确的文档或示例代码。可以通过运行以下命令来检查项目中安装的RxJS版本:
  5. 确认RxJS版本:检查项目中使用的RxJS版本是否与代码兼容。不同版本的RxJS可能具有不同的API,因此请确保在使用Subject之前查看正确的文档或示例代码。可以通过运行以下命令来检查项目中安装的RxJS版本:
  6. 清理和重新构建:如果上述步骤没有解决问题,可以尝试执行以下步骤来清理和重新构建项目:
    • 清理构建缓存:执行以下命令清理构建缓存:
    • 清理构建缓存:执行以下命令清理构建缓存:
    • 重新安装依赖:执行以下命令重新安装项目的依赖:
    • 重新安装依赖:执行以下命令重新安装项目的依赖:
    • 重新构建:执行以下命令重新构建项目:
    • 重新构建:执行以下命令重新构建项目:
  • 查找其他可能的原因:如果以上步骤仍未解决问题,可能是其他原因导致了该错误。你可以尝试在项目中搜索包含Subject关键字的文件,检查代码中是否存在其他潜在的问题或错误。

总结起来,修复“TypeError: undefined is not a constructor (evaluating 'new Lt.Subject')”错误的步骤包括导入正确的依赖、确认RxJS版本、清理和重新构建项目,并查找其他可能的原因。希望这些步骤能帮助你解决问题。

请注意,根据您的要求,我不能提及特定的云计算品牌商,因此无法提供与腾讯云相关的产品和链接信息。如果您对特定云计算品牌商的产品感兴趣,您可以根据自己的需求和要求进行搜索和了解。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JavaScrip最容易犯十大错误及其避免方法()

当您异步获取数据时,组件将在加载数据之前至少呈现一次 - 无论是在构造函数,componentWillMount还是componentDidMount获取它。...最简单方法:在构造函数使用合理默认值初始化状态。...以下是有关如何在各种环境设置此标头一些示例: Apache 在将从中提供JavaScript文件文件夹使用以下内容创建.htaccess文件: Header add Access-Control-Allow-Origin...您可以在IE Developer Console对此进行测试。 这相当于Chrome错误“TypeError:’undefined’不是函数”。...如果使用strict编译器选项,一个好静态类型检查系统(Typescript)可以帮助您避免它们。如果预期类型但尚未定义,它可以警告您。

16710

Angular CLI 简介

今天主要通过以下几个方面介绍Angular CLI: 生成项目 参数介绍 配置和自定义CLI 检查和修复代码 生成新项目: ng new my-app 这个命令会生成一个新项目叫做my-app并把该项目的文件放在...该命令格式是 ng generate . 也可以使用--dry-run参数来列出要生成文件, 而不是真的生成....因为ng build是开发时build, 所以没有做任何优化, 文件挺大. 这时看一下文件目录, 并没有dist目录: 那么这些文件是怎么被serve呢?...Build Targets和Environment. Environment是指采用哪一个环境文件: 而Targets则是用来决定项目文件是如何被优化. 看一下开发和生产build对比....--proxy-config -pc 代理配置 --prod 在内存serve 生产模式build文件 试试 --prod: ng serve --prod 通过文件大小可以看出确实是prod

6.1K110
  • 10 种最常见 Javascript 错误

    当异步获取数据时,不管它是在构造函数componentWillMount还是componentDidMount获取,组件在数据加载之前至少会呈现一次,当 Quiz 第一次呈现时,this.state.items...最简单方法:在构造函数中用合理默认值来初始化 state。...TypeError: ‘undefined’ is not an object 这是在 Safari 读取属性或调用未定义对象上方法时发生错误。...这里有一些关于如何在各种环境设置这个头文件例子: Apache 在 JavaScript 文件所在文件夹使用以下内容创建一个 .htaccess 文件: Header add Access-Control-Allow-Origin...TypeError: ‘undefined’ is not a function 当您调用未定义函数时,这是 Chrome 中产生错误。

    6.8K80

    Angular 2.x折腾记 :(1)初识Angular-cli及脱坑要点

    前言   这个系列进度有些跳跃性,我尽量直白点解释,但是我不是官方文档,直入主题!!!!...正式版配置稍微有些改动,我比较了下基本不大,放心使用 系统环境配置 window 安装lts版本nodejs v6.10.0 , Angular-clinode-sass不支持7.x,装不上...初始化项目 脚手架命令很多,我这里只列出最常用; 新建东东 范围 命令 作用 new ng new new_project 初始化新项目 Component ng g component my-new-component...; ng build --prod: 以前调用aot打包还需要带上--aot,从beta31开始,--prod模式下自动调用aot打包, 调用环境文件是/src/environments/environments.prod.ts...": "http://localhost:3000", "secure": false } }

    15310

    1000个项目中前10名JavaScript错误介绍

    当异步获取数据时,不管它是在构造函数componentWillMount还是componentDidMount获取,组件在数据加载之前至少会呈现一次,当 Quiz 第一次呈现时,this.state.items...最简单方法:在构造函数中用合理默认值来初始化 state。...TypeError: ‘undefined’ is not an object 这是在 Safari 读取属性或调用未定义对象上方法时发生错误。...这里有一些关于如何在各种环境设置这个头文件例子: Apache 在 JavaScript 文件所在文件夹使用以下内容创建一个 .htaccess 文件: 代码 Header add...TypeError: ‘undefined’ is not a function 当您调用未定义函数时,这是 Chrome 中产生错误。

    6.2K10

    玩转 Angular 环境变量

    作为一个 Angular 忠实粉丝,我们来介绍一下在 Angular 项目开发,如何玩转 Angular 环境变量。...environment.ts 和 environment.prod.ts 在 Angular CLI 发布后,越来越多开发者都是使用 Angular CLI 来创建新项目: $ ng new PROJECT-NAME...production: true }; 对于上面提到需求,即不同环境使用不同 API 接口地址,我们可以在不同文件设置不同 API 接口地址,比如: // environment.ts...而相应文件替换规则,在 angular.json 文件定义: "architect": { "build": { "builder": "@angular-devkit...--prod 那么有的同学,可能想到对于构建测试环境包,是不是只要运行: $ ng build --test 想象很完美,但实际上并不是这样,ng build 命令并不支持 --test 参数,感兴趣同学可以运行

    3.3K20

    Angular 2 + 折腾记 :(1)初识Angular-cli及脱坑要点

    前言 这个系列进度有些跳跃性,我尽量直白点解释,但是我不是官方文档,直入主题!!!!...正式版配置稍微有些改动,我比较了下基本不大,放心使用 ---- 安装之前 window下: 安装lts版本nodejs[6.10.0] , Angular-clinode-sass不支持7.x,...---- 初始化项目 angular-cli可以初始化ng2或者ng4项目,我这里说2+; 脚手架命令很多,我这里只列出最常用; 新建东东 范围 命令 作用 new ng new new_project...; ng build --prod: 以前调用aot打包还需要带上--aot,从beta31开始,--prod模式下自动调用aot打包, 调用环境文件是/src/environments/environments.prod.ts...": "http://localhost:3000", "secure": false } }复制代码 ng2+写起来很清晰,各种注入~~欢迎品尝。。。

    1.8K10

    Angular CLI 常用终端操作命令

    /router ,自动添加到package.json 文件 生成模块路由时候可以使用指令 ng g module my-module --routing...CLI 构建正式服务器打包文件和测试环境文件还有本地文件 ---- ng build 可以同时指定要与该构建(或)一起使用构建目标( --target...--environment=dev--environment=prod 可以在 angular-cli.json 该文件配置映射编译环境路径 //angular-cli.json...//cmd命令 //编译 angular-cli.json 文件配置 传参数来编译不同服务端文件执行下面命令编译是json文件 envuronments.loca 配置文件路径...ng build --environment=loca ng build --environment=prod 关于代理服务器 ---- 在webpackdev服务器中使用代理支持,我们可以高速缓存某些

    2.1K40

    Angular CLI 使用教程指南参考

    基本用法 你可以通过 Angular CLI  help 命令来获取相关命令信息. ng help Angular CLI命令关键字为 ng ng new 命令 描述 ng new 在浏览器打开Angular文档并搜索当前关键字 ng e2e 命令 描述 ng e2e 使用protractor在当前应用运行e2e测试 ng format 命令 描述 ng...此命令默认情况下仅在项目目录工作。 参数 描述 --global 返回全局配置值,而不是本地配置值(如果都设置)....参数 描述 --global 设置全局配置值,而不是本地配置值。 这也使ng set可以在项目之外工作。 ng build 构建工件将存储在/dist目录。...# 这是生产构建 ng build --target=production --environment=prod ng build --prod --env=prod ng build --prod

    3K50

    Angular专题】——(2)【译】AngularForwardRef

    问题点在哪里 先做一个小声明,我们现在拥有一个AppComponent,并使用DI系统向其中注入了一个NameService,因为我们使用是Typescript,所以需要做工作就是在构造函数参数声明变量...Make sure they all have valid type or annotations 错误信息显示,AppComponent构造函数在被调用时,同一个文件声明NameService...这个错误提示是合理,因为我们在定义NameService之前就在AppComponent构造函数使用了它,但是另一方面来看,在普通ES5代码中就不会出现报错,因为函数声明会被Js解释器提升至作用域头部...那么问题来了: Javascript解释器进行这样改动意义何在呢? 二....从上面的示例不难看出,如果Javascript解释器对class声明也进行提升处理,就容易在类继承时出现基类未定义错误。 三. class在使用前必须声明吗?

    3.2K20

    一个Angular 5教程:一步一步指导实现你第一个Angular 5应用程序

    您可以通过编辑prefix属性将其更改为首选项前缀.angular-cli.json,因此ng generate在首次使用前最好先这样做。 所以,我们有一个组件构造ngOnInit函数和一个函数。...但在基本层面上,请考虑如下这些方法:在创建组件之后立即调用构造函数,在传递给它数据准备好并填充之前很久才调用该构造函数,而ngOnInit仅在第一个更改周期数据,因此您可以访问组件输入。...我们很快会讨论输入和组件通信,但现在,我们只需要记住,最好使用常量构造函数,比如实际上被硬编码到组件ngOnInit东西,以及依赖于外部所有东西数据。...首先,我们在构造函数使用FormBuilder依赖注入,并用它构建表单。...准备生产 因此,让我们构建我们应用程序供生产使用 为此,我们运行build命令: ng build --aot -prod 65% building modules 465/466 modules

    42.6K10

    Angular 5.0.0发布!

    我们很高兴地宣布Angular 5.0.0——五角形甜甜圈发布啦!这又是一个主版本,包含新功能并修复了很多bug。它再次体现了我们把Angular做得更小、更快、更好用一贯目标。 ?...构建优化器是CLI一个工具,它基于我们对你Angular应用理解,可以把构建后包变得更小。 构建优化器有两个主要任务。...首先,把你应用某些部分标记为 pure,以便原有工具利用它改进“tree shaking”优化效果,同时删除应用不必要东西。 其次,构建优化器会从你应用删除Angular装饰器代码。...这样可以使用只能在运行时计算装饰器中被降级(lower)值。 因此现在可以不使用命名函数,而改用Lambda函数。换句话说,执行代码不会影响你d.ts或你外部API。...新Angular CLI会默认拉取这个新版本,让包大小有明显减小。如果你没使用Angular CLI,那还是应该指向这个新版本。相关文档在此:Build and Treeshaking。

    4.4K40

    前端代码乱糟糟?是时候引入代码质量检查工具了

    var // @off 没有必要限制 'no-var': 'off', // 禁止使用未定义变量 建议将相关变量在上方 globals 配置项配置...ESLint 和 StyleLint 工具提供了自动修复功能,可以修复简单错误少了分号,多了空格,缩进不正确等 但要注意是,自动修复某些时候可能会使代码发生逻辑或语法错误,需谨慎使用(自动修复后一定一定一定记得比对代码...安装 ESLint-Formatter 以支持自动修复检查错误 ? 新增一个构建任务,可命名为,StyleLint-Fix.sublime-build 以支持自动修复检查错误 ?...在webpack配置 参考我webpack项目配置DEMO, 在 webpack.config.js 传入相应参数 ? 正式使用时autoFix会按需设置,建议修复。...解决办法也很简单,使用 ejs-loader 即可,见下方配置 另外,在生产模式 npm run buildprod时候,提供了将检查结果输出到文件功能(css不支持),见 lint目录 虽然有点错乱

    2.7K10
    领券