首页
学习
活动
专区
工具
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)可以帮助您避免它们。如果预期类型但尚未定义,它可以警告您。

18910

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-cli中的node-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 } }

    17010

    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-cli中的node-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 关于代理服务器 ---- 在webpack的dev服务器中使用代理支持,我们可以高速缓存某些

    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)【译】Angular中的ForwardRef

    问题点在哪里 先做一个小声明,我们现在拥有一个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.7K10

    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 build:prod的时候,提供了将检查结果输出到文件的功能(css的不支持),见 lint目录 虽然有点错乱

    2.7K10
    领券