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

Angular 8和jest -找不到文件: jest-preset-angular/InlineHtmlStripStylesTransformer.js

Angular 8是一种流行的前端开发框架,而Jest是一个用于JavaScript代码测试的框架。在使用Angular 8和Jest进行测试时,可能会遇到找不到文件的问题,具体是"jest-preset-angular/InlineHtmlStripStylesTransformer.js"文件找不到。

这个问题通常是由于配置或依赖项问题引起的。下面是一些可能的解决方法:

  1. 确保jest-preset-angular已正确安装:在项目根目录下运行以下命令来安装jest-preset-angular:
代码语言:txt
复制
npm install jest-preset-angular --save-dev
  1. 检查jest.config.js文件:确保jest.config.js文件中已正确配置jest-preset-angular。可以参考以下示例配置:
代码语言:txt
复制
module.exports = {
  preset: 'jest-preset-angular',
  setupFilesAfterEnv: ['<rootDir>/src/setup-jest.ts'],
  ...
};
  1. 检查package.json文件:确保package.json文件中已正确配置Jest。检查"scripts"部分,确保"test"命令正确指向Jest配置文件。示例配置如下:
代码语言:txt
复制
"scripts": {
  "test": "jest"
},
  1. 检查项目结构:确保项目结构正确,特别是检查是否存在src/setup-jest.ts文件。如果不存在,可以手动创建该文件,并在其中添加必要的配置。

如果上述解决方法仍然无效,可能需要进一步检查项目的依赖项和配置,确保所有相关的包和文件都正确安装和配置。

关于Angular 8和Jest的更多信息,可以参考以下链接:

  • Angular官方文档:https://angular.io/
  • Jest官方文档:https://jestjs.io/

请注意,以上答案仅供参考,具体解决方法可能因项目配置和环境而异。

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

相关·内容

NestJS 7.x 折腾记: (1) 项目初始化及常规提交门禁加入

写过Angular 2+的小伙伴会有一种天然的熟悉感....因为Nest基本就是同一个思想模式搞得~~ 实操 安装 npm i -g @nestjs/cli CLI Help 还是熟悉的模样,极具通用性的CLI, 可以快速创建各种模块中间件~ linqunhe...├── test # 单元测试目录 │ ├── app.e2e-spec.ts │ └── jest-e2e.json ├── tsconfig.build.json # 生产模式ts配置文件...,继承tsconfig.json,做了一些其他覆写配置而已 ├── tsconfig.json # ts配置文件 └── yarn.lock # 不言而喻 nest默认的单元测试使用的是Jest,亲切友好...业务组那边用的是我们包装过的提交门禁(中文化及规则改动), 系统组就不需要了,直接采用github angular那套提交规范即可.

99720
  • Angular v16 来了!

    今天,我们很高兴地宣布,我们将继续 Angular Momentum,推出自 Angular 首次推出以来最大的版本;在反应性、服务器端渲染工具方面取得巨大飞跃。...使用 Jest Web Test Runner 进行更好的单元测试 根据 Angular 更广泛的 JavaScript 社区中的开发人员调查,Jest是最受欢迎的测试框架测试运行器之一。...我们收到了大量支持 Jest 的请求,由于不需要真正的浏览器,因此复杂性降低了。 今天,我们很高兴地宣布我们将引入实验性的 Jest 支持。...npm install jest --save-dev您可以通过安装 Jest并更新文件来在新项目中试验 Jest angular.json: { "projects": { "my-app": { "...architect": { "test": { "builder": "@angular-devkit/build-angular:jest", "options": { "tsConfig": "tsconfig.spec.json

    2.6K20

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

    WebStorm 新版对JavaScript,TypeScriptCSS支持更好,改进了Vue.js的体验,并为Jest集成增加了新功能。...对Angular应用程序的新检查对于Angular应用程序,WebStorm添加了17项新检查,可帮助您在键入时检测应用程序中的Angular特定错误,并建议快速修复。...Angular项目中的导航更容易在Angular应用程序中,您现在可以使用相关符号...弹出窗口(Ctrl-Cmd-Up / Ctrl + Alt + Home)在不同的组件文件(如TypeScript...,模板,样式测试文件)之间快速切换。...突出显示测试中的失败行当您使用Jest,Karma,Mocha或Protractor运行测试并且某些测试失败时,您现在可以在编辑器中看到问题发生的位置。

    4.9K50

    工作笔记——使用Jest时遇到的一些问题

    在测试环境下,我们使用jest也需要引入开发环境下的各种插件,形成一个独立的环境体系,当然,我们也可以通过其它手段来造假数据。这个我们后面再说,既然找不到BMap,那么怎么办呢?   ...实际上在使用过程中,主要有两类问题,一个是环境配置的问题,要记住在写jest测试用例的时候,需要引入各依赖的文件,就像在main.js中那样。...jest官网Vue Test Utils实际上说的都比较清楚了。...三、filecorverage未覆盖到的报错,虽然这种报错并不会影响你已经完成的单元测试的文件,但是会对覆盖率产生一定的影响,暂未解决。...四、复杂环境下经常会遇到各种对象找不到的情况,应该是jest测试环境的配置问题,暂未解决。 最后,本文章为工作中遇到的问题的一些记录,以备查阅。若有错误不足,还望不吝指正,互相学习。

    1.4K20

    使用TypeScript两年后,还值得吗?

    必须为TS提供一个声明,用TSLint替换ESLint,集成TypeScript的loaderbabel的配置,将TS插入Jest(测试平台)。 一些操蛋的事情马上就会发生。...此外,Jest(转换,模块映射器)css模块存在一些问题。可能你迟早会面对它们。...就个人而言,我没有找不到声明这样的问题。大多数流行的库都有自己的作者或社区准备好的类型定义。如果您使用的包没有这样的文件 - 那就换一个,相同功能的npm包多的是。...有时我专门为接口写一个文件,因为这样是值得的。 我主要用它来描述对象,类,函数参数的形状。...我敢保证,如果我同时选择了一个新框架(比如说Angular一种新语言(在此指的是TypeScript),我会被按在地上摩擦。 总结 我会向你推荐TypeScript吗?当然会。

    1.4K20

    前端自动化测试实践01—持续集成之jest自动化测试环境搭建

    重点在测试 UI(DOM)功能,属于 黑盒测试 测试内容是整套操作流程,速度慢,往往需要多个模块配合,安全感高 1.3 工具选择 前端近几年涌现出很多优秀的测试工具: karma – Google Angular...并根据需要修改根目录下生成的配置文件 jest.config.js $ npx jest --init 修改 package.json 中的 scripts,添加执行指令 (1) 普通执行测试,即 $...3) 持续监听变化,默认 o 模式 { "test": "jest --watch" } (4) 持续监听所有文件变化 { "test": "jest --watchAll" } 2.3 编写测试用例...现实项目中,往往不会从零搭建 jest 项目,更多的情况是,需要在一个脚手架已经搭建好的项目中引入自动化测试,此处在 vue-cli 基础上修改 jest 配置,安装好 jest 后需要修改项目根目录下的配置文件...jest.config.js,重点关注 testMatch testPathIgnorePatterns 两个属性,testMatch 指定了匹配的测试用例文件的路径,而 testPathIgnorePatterns

    2.5K54

    大势 | 2018最值得关注的JavaScript趋势

    这里有一篇文章对React、VueAngular进行了很好的对比。 最终可能会发展成什么样子?Facebook会做它最擅长的东西:抄袭创新者然后世界继续使用React。...再次地,你可以成为一名Go开发者,这样就不用安装这个也能享受它的功能了 JestEnzyme 说到JavaScript测试,Jest无疑是领先的那个,而Enzyme则是很好的补充,尤其是在开发React...就像你在这里看到一样,在下载方面Jest现在统治着Jasmine。 Jest的Snapshots功能在2017年真的起来了,使得处理测试的痛苦少量很多。...JestSnapshots + Enzyme超级简单的React组件测试API形成了一个很强的测试组合,会在2018年不断流行起来。 Webpack Webpack已经崛起为最流行的资产打包工具。...8.在一个React项目上学习使用Jest截屏及Enzyme。 9.学习Flow(React开发者)或者TypeScript(其他人)。

    80220

    浅谈前端测试

    文件在https://github.com/xianggu625/bug2testscript, 主文件是:zentao.py 。...  大前端时代不谈环境不成方圆,本文从下面几个环境一一分析下如何敏捷测试   node 环境   vue 环境   nuxt 服务端渲染环境   react 环境   next 服务端渲染环境   angular...环境   理解测试前需要补充下单元测试(unit)端到端测试(e2e)的概念,这里不赘述 node 环境   推荐测试框架 jest   jest 是 FB 的杰作之一,方便各种场景的 js 代码测试...readFileSync } = require('fs')  const getFile = () => {  try {  const text = readFileSync('text.txt', 'utf8'...()  })   每次执行 test 前先清除 mock,避免多个测试用例之间复杂化 mock 导致错误   小结:单元测试中的 mock 是个测试思路,我们无需关心外部文件依赖是什么,只要能模拟出正确的情况程序是否按规则执行

    1.7K10

    单元测试

    文件,如果存在prettier配置文件文件名需要保持一致(文件名规则对齐V6工程命名规则) 安装单测环境依赖包 配置jest.config.js @liepin/js-jest4r-fe 提供的默认配置如下...@testing-library/jest-dom 是一个用于增强 Jest 测试框架的库,它提供了一组用于 DOM 断言的定制化匹配器工具函数。...它提供了一组用于编写可靠可维护的测试的实用函数工具。 jest-location-mock 用于在 Jest 测试中模拟浏览器window.location对象的库。...,苍穹主动执行单测只会执行单元测试,不执行项目发布,而行云会同时执行项目发布单测 示例 选择元素的方式 getBy* 用于正常的查询元素,找不到元素会报错 queryBy* 用于查询我们希望它不存在的元素并进行断言.../index'; // 这种mock方式需要团队内评审,因为当store中新增方法时,此处mock也需要同步修改,否则可能导致报错:store下方法找不到 jest.mock('../..

    27610

    工作笔记——使用Jest时遇到的一些问题

    在测试环境下,我们使用jest也需要引入开发环境下的各种插件,形成一个独立的环境体系,当然,我们也可以通过其它手段来造假数据。这个我们后面再说,既然找不到BMap,那么怎么办呢?   ...但是可能还会有个问题,如果你在vue中用一个变量来暂存一个百度地图中的方法可能还会出现“找不到BMap.xxx”这样的错误。...最后,如果我们想要给vue的单文件组件(通常我们用脚手架生成的项目都是这样的),还需要安装Vue Test Utils插件来帮助我们快速的完成测试用例的书写。   ...实际上在使用过程中,主要有两类问题,一个是环境配置的问题,要记住在写jest测试用例的时候,需要引入各依赖的文件,就像在main.js中那样。...jest官网Vue Test Utils实际上说的都比较清楚了。 最后,本文章为工作中遇到的问题的一些记录,以备查阅。若有错误不足,还望不吝指正,互相学习。

    1.9K30

    实战 | 初尝 Jest 单元测试

    通常来说,一个新功能上线的时候,开发测试都投入比较多,各项测试都是比较全面的。然而,发布上线也并非意味着不再有bug或者修改。...乱七八糟,模块化都不普遍的时代,目前团队里主流技术栈就是React,以React天生强制组件化的思想来看,写单元测试应该是天时地利了,而Facebook也提供了配套的测试工具(ReactTestUtils)测试框架...先跑跑官网的简单例子,先照步骤安装npm依赖,然后敲代码,jest跑一下: 第一次跑的时候,就会生成一个快照文件,在__snapshots__目录下: 在之后的toMatchSnapshot()调用就会与之比较...从其需要的依赖来看, 它是直接支持jsx语法es6语法的,跑了一个最简单的组件,it works! 再跑一个,发现失败了,报找不到文件。观察下出错信息,发现是有一些文件引用是依赖构建工具处理的。...比如说import util from assets/util jest运行的时候只在 node_modules 下去,当然找不到了。

    93210

    可能是目前最详细从零开始配置 TypeScript 项目的教程

    简述符合 Angular 规范的提交说明的结构组成? Commit 信息如何 Github Issues 关联? 在设计一些库包时如何生成版本日志?...在构建层面包描述文件层面需要注意哪些方面? 谈谈你对 TypeScript 声明文件的理解?在制作库包时如何对外识别声明文件?在外部使用时有哪些好处?...需要注意发布 npm 包时默认会将当前项目的所有文件进行发布处理,但这里希望发布的包只包含使用者需要的编译文件 dist types,因此可以通过package.json 中的 `files`[51...按照官方教程进行依赖安装项目初始化: npm install --save-dev jest typescript ts-jest @types/jest npx ts-jest config:init...Jest 推荐规则的 ESLint 校验,可以通过配置 eslint-plugin-jest[114] 进行支持(ts-jest 项目就是采用了该插件进行 ESLint 校验,具体可查看配置文件 `ts-jest

    4.9K22
    领券