开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在Angular 4应用程序上运行Karma时，出现"null不是对象(计算'this.platform.injector')“

在Angular 4应用程序上运行Karma时，出现"null不是对象(计算'this.platform.injector')"的错误是由于Karma测试运行器无法正确初始化Angular的平台导致的。

要解决这个问题，可以尝试以下几个步骤：

确保你的Angular版本和Karma版本兼容。不同版本的Angular和Karma可能存在兼容性问题。可以查看Angular和Karma的官方文档，了解它们之间的兼容性要求。
确保你的测试配置正确。在Karma的配置文件（通常是karma.conf.js）中，确保已正确配置了测试所需的所有文件和依赖项。特别是，确保已正确引入Angular的测试模块和依赖项。
检查你的测试代码。在你的测试代码中，确保没有使用未定义或错误的对象。特别是，检查是否正确引入了Angular的测试工具和依赖项，并且没有任何语法错误或拼写错误。

如果上述步骤都没有解决问题，可以尝试以下额外的调试步骤：

清除缓存。有时候，Karma可能会缓存一些文件或依赖项，导致错误的加载。尝试清除Karma的缓存，然后重新运行测试。
更新依赖项。确保你的项目中使用的所有依赖项都是最新的版本。有时候，旧版本的依赖项可能与新版本的Angular或Karma不兼容。
检查日志和错误消息。Karma通常会生成详细的日志和错误消息。检查这些消息，看看是否有其他有用的信息可以帮助你解决问题。

总结起来，解决"null不是对象(计算'this.platform.injector')"错误的关键是确保正确配置和引入Angular的测试模块和依赖项，并排除其他可能导致错误的因素。如果问题仍然存在，可以尝试更新依赖项、清除缓存或查看详细的错误消息来进一步调试和解决问题。

腾讯云相关产品和产品介绍链接地址：

腾讯云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云数据库（TencentDB）：https://cloud.tencent.com/product/tencentdb
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
腾讯云区块链（Blockchain）：https://cloud.tencent.com/product/baas
腾讯云元宇宙（Metaverse）：https://cloud.tencent.com/product/metaverse

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Angular实战之使用NG-ZORRO创建一个企业级中后台框架（进阶篇）

钩子用途及时机 ngOnChanges() 当 Angular（重新）设置数据绑定输入属性时响应。...ngOnDestroy() 每当 Angular 每次销毁指令/组件之前调用并清扫。在这儿反订阅可观察对象和分离事件处理器，以防内存泄漏。在 Angular 销毁指令/组件之前调用。...它允许你做以下这些事情：创建一个新的 Angular 应用程序运行带有 LiveReload 支持的开发服务器，以便在开发过程中预览应用程序添加功能到现有的 Angular 应用程序运行应用程序的单元测试...运行应用程序的端到端 (E2E) 测试构建应用程序使用命令添加功能到现有的 Angular 应用程序：可以使用 ng generate 命令，为已有的 Angular 应用程序添加新的功能： ng...修改项目默认调转页面，Angular应用多模块路由配置：找到app-routing.module.ts文件，在【routes】对象中声明新模块路由，以及项目默认调转页面地址修改。 ?

3.9K2 0

Angular系列教程-第五节

@NgModule 的参数是一个元数据对象，用于描述如何编译组件的模板，以及如何在运行时创建注入器。...@NgModule 获取一个元数据对象，它会告诉 Angular 如何编译和启动本应用。 declarations —— 该应用所拥有的组件。...当你创建更多组件时，也要把它们添加到 declarations 中。每个组件都应该（且只能）声明（declare）在一个 NgModule 类中。...一个模块的所有可声明对象都必须放在 declarations 数组中。可声明对象必须只能属于一个模块，如果同一个类被声明在了多个模块中，编译器就会报错。...karma Karma是一个对JavaScript代码执行提供多种浏览器运行环境的工具 Polyfills （腻子脚本）主要支持低版本浏览器的兼容。

2.9K2 0

25个超有用的 AngularJS Web 开发工具

1）AngulaJS最佳测试工具——Protractor Protractor支持AngularJS应用程序，是一款终端到终端的测试框架。Protractor在真正的浏览器中运行测试。...官方网站：https://www.jetbrains.com/webstorm/ 4）AngularJS最佳框架——Angular fire firebase是用于轻松构建Web和移动应用程序的系列库，...官方网站：http://karma-runner.github.io/0.12/index.html 6）最佳AngularJS工具——Mochajs Mocha是一款运行在Node.js和浏览器上，功能丰富的...Mocha测试运行持续，在映射未捕获的异常到正确的测试案例的同时，允许灵活和准确的报告。 ?...Djangular允许你创建AngularJS内容的app，而不是包含了Django的单一庞大的AngularJS应用程序。 ?

3.7K5 0

Twitter工程师聊JS

单页应用特点是无需页面跳转刷新，例如 Facebook首页、Gmail邮箱应该使用哪个框架呢？React? Angular? Ember?...个人推荐 React/Angular + Lodash 02 应该使用哪种Javascript？...Javascript 不是一个单一的语言，每个浏览器有自己的JS引擎，在不同浏览器和版本之间产生了不少差异兼容性问题比较麻烦，http://caniuse.com 这个网站给出了各个API在不同浏览器下的支持情况...请求每个JS的依赖通常是一个script tag接着一个script tag，很慢所以出现了JS bundle的概念，把所有依赖都放到一个文件中，并压缩有些工具还支持 hot reloading...Karma，他是一个test runner，Mocha和Jasmine的测试都可以使用Karma运行我个人的建议是 Karma + Jasmine，如果需要用到浏览器测试时，使用PhantomJS

1.4K6 0

Angular CLI 使用教程指南参考

Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本....安装要安装Angular CLI你需要先安装node和npm，然后运行以下命令来安装最新的Angular CLI：注意：Angular CLI 需要Node 4.X 和 NPM 3.X 以上的版本支持...运行之后如果你修改了程序源代码.应用将会自动重载....参数描述 --global 设置全局配置值，而不是本地配置值。这也使ng set可以在项目之外工作。 ng build 构建工件将存储在/dist目录中。...ng lint 命令描述 ng lint 在项目上运行codelyzer linter ng test 命令描述 ng test [options] 使用 karma 运行单元测试参数描述

3K5 0

如何管理云原生应用程序的依赖关系

术语“云原生”是一种利用云计算交付范式的优势进行开发和运行应用程序的方式。 “云原生”意味着什么？应用程序在哪里被托管并不重要，重要的是如何开发和部署它们。...微服务可以在几个方面使云基础设施受益。首先，它们允许对应用程序的各个部分进行更细化地控制，云中的应用程序可以轻松地进行部署和管理。其次，微服务使应用程序扩展变得更加容易。...当一个应用程序需要扩展或缩减规模时，只对需要改变的服务进行更新即可。最后，微服务可以通过允许滚动更新和部署来提高可用性。当某个服务发生故障时，其他服务会持续运行，从而提高整个系统的弹性。...在云原生应用中，每个微服务都有自己的依赖关系，这些依赖关系由运行微服务的容器来管理，容器负责确保使用正确版本的依赖关系，并使其保持最新。...在配置依赖关系管理工具时，你有很多不同的选项可以选择，比如更新时间，哪个依赖关系必须被更新，如果拉取请求需要自动合并，需要满足什么条件，以及其他许多事项。

1.7K1 0

【Hybrid开发高级系列】AngularJS(三)——开发实践

版本，或者你可以直接安装0.7.1这个版本： $ npm install-g generator-angular@0.7.1 1.1.1.2 使用生成器搭建你的应用你可以在Yeoman...当你比较熟悉Yo的时候，就可以不通过菜单直接运行生成器： $ yo angular 一些生成器也会提供一些有共同开发库(common developerlibraries)的可选配置来定制你的应用...(当你在试用空格的效果时，确保所有的模块都被标记为绿色) 好的，现在按下回车键。...原因分析： AngularJS中注入依赖，本质上也是根据类名去寻找对应类的代码逻辑地址，如果有多个对象注入，在初始化方法中，必须是按照注入顺序传递进来，因为JS是无类型的，切记切记。...原因分析：在controller加载时，碰到登录失效时，虽然要跳转到登录页，但是当前runloop周期内，还是应该继续执行剩余代码，因为事件绑定逻辑都要执行完，不然页面回退回来，就会发现事件无法响应

2362 0

单元测试初体验

单元测试框架 Mocha Mocha 是 JavaScript 的一种单元测试框架，既可以在浏览器环境下运行，也可以在 Node.js 环境下运行。...当Karma启动时，它也会启动放置在这个设置中的每个浏览器。一旦Karma关闭，它也会关闭这些浏览器。...karma并行启动多少个浏览器。使用该配置，你可以指定在同一时间点上，一次运行多少个浏览器。...该标记可以让其后的断言不是比较对象本身，而是递归比较对象的键值对。...expect(4)to.not.be.null .exist 断言目标存在，即非 null 也非 undefined var foo = 'hi', bar = null, baz expect

1.5K2 0

karma的基础应用之与fis结合

二、karma的基础应用 1.karma的基础api： server：创建一个测试服务器【可以是远程计算机】 runner.run：运行完单元测试后，立即停止服务 stopper.stop：停止下在运行的测试服务器...在运行run或stop时，必须要让服务器处于start状态才行 2.示例代码： var karma = require('karma'); var runner = karma.runner, stop...= karma.stopper; var server = karma.Server; var _server = new server({port:1367},null); _server.start...2.在node_moudles下创建fis-prepackager-karma文件夹（fis所有的插件都是一个npm包） 3.在fis-prepackager-karma文件夹中创建一个index.js...文件，然后添加对karma的调用 4.在fis-conf.js中作如下配置： fis.match('::package',{ 'prepackager':fis.plugin('karma') }

7996 0

Angular10配置webpack打包「详细教程」

新生成的应用包含一个根模块的源文件，包括一个根组件及其模板。当工作空间文件结构到位时，可以在命令行中使用 ng generate 命令往该应用中添加功能和数据。...用 JIT 编译器编译应用，然后引导应用的根模块（AppModule）在浏览器中运行。...当你向应用中添加更多组件时，它们也必须在这里声明。 app/package.json 此文件只会出现在使用 --strict 模式创建的应用中。此文件不是供包管理器使用的。...karma.conf.js 应用专属的 Karma 配置。...为true时，如果当前要提取的模块，在已经在打包生成的js文件中存在，则将重用该模块，而不是把当前要提取的模块打包生成新的js文件。 enforce选项：true/false。

4.8K2 0

【UTP自动化测试平台系列之终章】前端探索之路

独立的前端文件一般是有Html、JavaScript、Css和Img等一批静态文件组成，可以部署在中间件（Tomcat、apache和Nginx等）环境下就可以运行，无需依赖java、php等环境就可以直接运行...4 Angular4的特点 Angular 是一个用HTML和JavaScript 或者一个可以编译成 JavaScript 的语言（例如Dart或者TypeScript），来构建客户端应用的框架。...用 Angular 扩展语法编写 HTML模板用组件类管理这些模板用服务添加应用逻辑用模块打包发布组件与服务通过引导根模块来启动该应用 Angular 在浏览器中接管、展现应用的内容，并根据我们提供的操作指令响应用户的交互...五、Angular4在UTP的实践 UTP平台前端采用Angular4框架进行开发，使用了组件化开发、双向数据绑定、引入外部插件、cookie缓存、Http服务、单元测试等技术，经过了不断挖坑、填坑的过程...（4）在启动时关联mock即可使用，非常方便。现在的平台开发不是单打独斗，而是需要多人高效合作，提高生产力的时代。

2.5K11 0

读书笔记“使用AngularJs开发下一代web应用”

因此，当你需要在多个控制器之间进行交互和共享状态时，服务是很好的机制。...P39 常见内置过滤器 currency date number uppercase ,还可以自定义过滤器 P44 JSON格式的脆弱性和XSRF P49 使用Karma编写并运行单元测试和场景测试...,默认运行在9876端口，e2e端对端测试是通过Angular场景执行器执行的。...P52 合适的IDE webstrom P58 场景执行器(Scenario Runner)用来模拟用户和应用之间的交互过程。...P83 Promise是一个接口，是一个带有then()函数的对象。在未来某一时刻（主要是异步调用）会从服务器端返回或者被填充属性。

7192 0

Angular Library 快速入门

新建 Workspace $ ng new sf-lib-app $ cd sf-lib-app $ ng serve 在介绍如何创建 Angular Library 之前，让我们来看一下 Angular.../build-angular:karma", "options": { "main": "projects/sf-lib/src/test.ts",...库的根文件夹； sourceRoot —— library 库实际的源码目录； projectType —— 指定项目的类型； prefix —— 指定组件使用的前缀； architect —— 该对象用于配置...库开发后，我们可以通过以下命令进行库的构建： $ ng build --prod sf-lib 小伙伴们，在构建 Library 时，记得始终添加 —prod 标志。...在应用中使用 sf-lib 库 import { SfLibModule } from "sf-lib"; 以上代码能正常导入 Library，是因为 Angular CLI 会优先从 tsconfig.json

2.3K1 0

Angular React Vue我应该选择什么？

这意味着至少在 2018 年 9 月之前，将支持 Angular 4，并提供 bug 修复和重要补丁。...在实现真正简单的计算器小部件时创建 6 个组件并不奇怪。在许多情况下，在维护，修改或对某个小部件进行可视化检查方面也是不好的，因为你需要绕过多个文件/函数并分别检查每个小块的 HTML。...这也可能是一个好处，因为你在学习技术时必须学习正确的概念。用 Vue，你可以用老方法来做。这一开始可能会比较容易上手，但长此以往会出现问题。...但是，在调试 Angular 应用程序时，通常需要调试 Angular 的内部来理解底层模型。从好的一面来看，从 Angular 4 开始，错误信息应该更清晰，更具信息性。...如果你在Google工作：Angular 如果你喜欢 TypeScript：Angular（或 React）如果你喜欢面向对象编程（OOP）: Angular 如果你需要指导手册，架构和帮助：Angular

2.9K2 0

WebStorm for Mac(JavaScript开发工具)中文版

对Angular应用程序的新检查对于Angular应用程序，WebStorm添加了17项新检查，可帮助您在键入时检测应用程序中的Angular特定错误，并建议快速修复。...Angular项目中的导航更容易在Angular应用程序中，您现在可以使用相关符号...弹出窗口（Ctrl-Cmd-Up / Ctrl + Alt + Home）在不同的组件文件（如TypeScript...突出显示测试中的失败行当您使用Jest，Karma，Mocha或Protractor运行测试并且某些测试失败时，您现在可以在编辑器中看到问题发生的位置。...在悬停时，您将看到来自测试运行器的错误消息，您可以立即开始调试测试。使用Cucumber和TypeScript进行测试使用Cucumber和TypeScript？...支持Docker Compose如果使用Docker测试Node.js应用程序，现在可以使用Docker Compose文件中描述的配置从IDE 轻松运行和调试应用程序。

4.9K5 0

angular入门教程_初学者织围巾简单教程慢动作

@angular/cli 默认生成的 karma.conf.js 配置文件里面采用了一个有 bug 的 html 报告生成器，导致 ng test 运行报错，我们需要把这个 reporter 改成mocha...因为你迟早会发现，在计算机领域，任何东西研究到最底层都和“算法”、“数据结构”、“设计模式”有关。而就我所知，很多朋友并不具备研究这些内容的基础知识，不过是白白浪费自己的时间而已。...在 NodeJS 出现之前，前端开发领域有很多事情我们是做不到的，例如： JS 代码的合并、压缩、混淆。 CSS 预处理。前端自动化测试。...而这一切在 NodeJS 出现之后都得到了很好的解决：对 JS 代码的预处理经历了 Grunt、Gulp 的短暂辉煌之后，终于在 webpack 这里形成了事实标准的局面。...@angular/cli 在开发 Angular 应用的时候，当然也离不开大量基于 NodeJS 的工具，我们需要 TypeScript compiler、webpack、Karma、Jasmine、

3.3K2 0

React风格的企业前端技术

其实，随着近几年前端的飞速发展，像组件化、模块化理念的出现，MVC、MVVM等前端框架越来越成熟，以及越来越健全的开发、调试工具，前端可以说已经不是以前的那个前端了，前端正在变得像后端一样的复杂。...用户在页面上进行一个操作，比如Button的点击或者Form表单的提交 2. 浏览器发送请求到后端 3. 后端经过DB查询拿到数据，再将数据绑定到JSP、PHP、ASP 4....主要分为四大块 1.Angular、React、Ember为首的优秀前端框架 2.Bootstrap、Semantic UI为首的优秀组件库 3.npm、webpack模块化开发 4.Gulp、Grunt...二、构建React风格应用的三大要素 ? 要素1：选择成熟的框架 ? 为什么说成熟呢，因为你不是第一个吃螃蟹的人！...模块化开发 4. 热加载、实时加载在构建的时候，我们需要 1. 编译JS/CSS等中间语言 2. 运行单元测试 3. 资源压缩、合并 4.

9675 0

Vue的自动化测试

vue官方推荐是使用karma，mocha和chai等。karma并不是一个测试框架，也不是一个断言库。它可以运行HTTP Server，运行HTML文件在你喜欢的测试框架上。...不仅仅只是运行测试，还可以计算测试的覆盖率。mocha是测试框架，专门实现各个单元划分测试。chai是典型的断言库。...npm run unit # 运行单元测试 Karma Karma是一个专门的测试运行器（runner），它不是一个测试框架框架，也不是以一个断言库。...这些插件集成在karma这个runner，把webpack打包的vue项目，测试里组件实现的功能，包括组件库，业务逻辑和请求范围。.../example.vue') 在对应的spec.js中添加了需要注入的对象。../service是在组件中的依赖对象，它的结果会被替换。

1.9K5 0

基于 Express 应用框架的技术方案选型浅谈

Bootstrap React Mongoose Webpack Karma/Chai 由于对 React 不是很熟悉，首先实现了单页应用，然后实现了服务端渲染应用。...react-full 实现 React 服务端渲染（SSR）单页应用在路由跳转时不需要额外的请求静态资源，可以提升用户的体验。...由于当时还没出现成熟的服务端渲染应用框架，因此只能自己摸索构建 React 服务端渲染方案：为了实现前后端代码同构，需要对服务端代码进行 Webpack 打包配置使用 script 标签以及全局变量的形式实现前后端...此时的 React 代码是同构的，因此需要注意哪些会运行在服务端，哪些会运行在客户端。同时服务端需要对同构代码进行Webpack 打包处理。...# angular服务 │ │ │ └── webapp.js/ # angular自动引导应用程序 │ │ └── sockets/ # sockets应用 │ └──

7K3 0

Angular8稳定版修改概述

它不是完全正常运行（选择预览），正如Igor Minar在ngConf 2019中建议的那样，视图引擎仍然推荐用于新应用。...Bazel将提供以下优势：更快的构建时间（对于第一次构建需要时间，但并发构建将更快），Angular已经在使用它，现在CI在7.5分钟内完成，而不是在Bazel之前的60分钟。...增量构建：您将能够仅构建和部署已更改的内容而不是整个应用程序。您可以弹出Bazel文件，默认情况下它们是隐藏的。..... }, "test": { "builder": "@angular-devkit/build-angular:karma", ......在一个域中支持多个应用。阅读Angular Doc上有关服务工作者的更多信息。表单改进添加了markAllAsTouched方法以标记所有的控件FormGroupas as touched。

4.5K2 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭