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

运行ng test - Angular 6时,./src/polyfills.ts s.ts模块构建失败

运行ng test - Angular 6时,./src/polyfills.ts模块构建失败是由于polyfills.ts文件中存在错误或缺失导致的。polyfills.ts文件是Angular应用程序的一个重要文件,它用于加载所需的polyfills(填充物)以支持在旧版本浏览器中运行Angular应用程序。

要解决这个问题,可以按照以下步骤进行操作:

  1. 检查polyfills.ts文件:打开polyfills.ts文件,确保没有语法错误或拼写错误。检查是否缺少必要的polyfills或是否存在重复的polyfills。
  2. 更新Angular版本:如果您正在使用Angular 6版本,请确保您的Angular CLI和相关依赖项是最新版本。可以通过运行以下命令来更新Angular CLI:
  3. 更新Angular版本:如果您正在使用Angular 6版本,请确保您的Angular CLI和相关依赖项是最新版本。可以通过运行以下命令来更新Angular CLI:
  4. 清除缓存并重新构建:有时候构建过程中的缓存可能导致问题。尝试清除缓存并重新构建应用程序。可以使用以下命令清除缓存:
  5. 清除缓存并重新构建:有时候构建过程中的缓存可能导致问题。尝试清除缓存并重新构建应用程序。可以使用以下命令清除缓存:
  6. 然后重新构建应用程序:
  7. 然后重新构建应用程序:
  8. 检查依赖项:确保您的应用程序的package.json文件中的依赖项和版本与Angular 6兼容。可以通过运行以下命令来检查依赖项的版本:
  9. 检查依赖项:确保您的应用程序的package.json文件中的依赖项和版本与Angular 6兼容。可以通过运行以下命令来检查依赖项的版本:
  10. 确保所有依赖项都是最新的,并且与Angular 6兼容。

如果上述步骤都没有解决问题,您可以尝试以下额外的步骤:

  1. 重装依赖项:删除node_modules文件夹,并重新安装依赖项。可以使用以下命令执行此操作:
  2. 重装依赖项:删除node_modules文件夹,并重新安装依赖项。可以使用以下命令执行此操作:
  3. 检查测试配置:检查Angular项目中的测试配置文件(例如karma.conf.js)是否正确配置。确保polyfills.ts文件在测试配置中正确引入。

如果您仍然无法解决问题,建议您查阅Angular官方文档、搜索相关的开发者社区或寻求专业的技术支持来获取更详细的帮助。

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

相关·内容

  • 如何在 Windows 上安装 AngularAngular CLI、Node.js 和构建工具指南

    与当今大多数现代前端工具一样,Angular CLI 构建在 Node.js 之上。 Node.js 是一种服务器技术,允许您在服务器上运行 JavaScript 并构建服务器端 Web 应用程序。...run: 运行项目中定义的自定义目标。 serve (s): 构建并服务您的应用程序,根据文件更改进行重建。 test (t): 在项目中运行单元测试。 update: 更新您的应用程序及其依赖项。...运行结果如下图所示: 生成Angular构件 Angular CLI 提供了 ng generate 命令,可帮助开发人员生成基本的 Angular 构件,例如模块、组件、指令、管道和服务: $ ng...Angular CLI 将自动在 src/app.module.ts 文件中添加对组件、指令和管道的引用。...如果您想将组件、指令或管道添加到另一个模块 (主应用程序模块 app.module.ts 除外),您只需在组件名称前加上模块名称和斜杠 即可: $ ng g component my-module/my-component

    39900

    Angular 从入坑到挖坑 - Angular 使用入门

    对应官方文档地址: 搭建本地开发环境和工作空间 ng new ng serve 工作区和项目文件结构 配套代码地址:angular-practice/src/getting-started 二、Contents...验证是否安装成功 ## 查看 angular cli 版本 ng v ## 查看 angular cli 中的各种命令解释 ng help ?...4.1.2、运行第一个 Angular 应用 通过 Angular CLI 命令来创建一个新的应用 ## 指定位置,创建新的 angular 应用 ng new my-app 常用命令参数 options...运行项目 ## 运行项目 ng serve 常用命令参数 options 解释 --open / -o 是否直接打开浏览器 --port 指定程序运行的端口 ?...assets - 系统需要使用的静态资源文件 environments - 针对不同环境的构建配置选项 favicon.ico - 网站图标 index.html - 应用的主页面

    2K20

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

    前言:   上一篇文章我们讲了如何在创建的Angular项目中快速引入ng-zorro-antd企业中台组件库,并且快速构建后台管理页面框架模板。...让你快熟的构建一个属于自己的NG-ZORRO后台管理框架,注意我们的前端代码的编写全部都是在VS Code上面编写。 Angular项目目录介绍(重要): ?...它允许你做以下这些事情: 创建一个新的 Angular 应用程序 运行带有 LiveReload 支持的开发服务器,以便在开发过程中预览应用程序 添加功能到现有的 Angular 应用程序 运行应用程序的单元测试...运行应用程序的端到端 (E2E) 测试 构建应用程序 使用命令添加功能到现有的 Angular 应用程序: 可以使用 ng generate 命令,为已有的 Angular 应用程序添加新的功能: ng...在my-blog项目中创建博客后台页面首页组件,配置路由(多模块路由配置),声明运行组件: 1、创建首页组件: ng generate component /pages/my-blog/index ?

    3.9K20

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

    要想创建工作区和初始应用项目: 运行 CLI 命令 ng new,并提供一个名字 my-app,如下所示: ng new my-app ng new 会提示你要把哪些特性包含在初始的应用项目中。...完整命令:ng new my-app --style less 第三步:启动开发服务器 Angular 包含一个开发服务器,以便你能轻易地在本地构建应用和启动开发服务器。...ng serve --open 1 ng serve 命令会自动启动服务器,并监视你的文件变化,当你修改这些文件时,它就会重新构建应用。...对于多项目的工作空间,projects/ 文件夹中的其它项目各自包含一个具有相同结构的 project-name/src/ 子目录。 应用源文件 顶层文件 src/ 为测试并运行你的应用提供支持。...用 JIT 编译器编译应用,然后引导应用的根模块(AppModule)在浏览器中运行

    5K20

    Angular4记账webApp练手项目之一(利用angular-cli构建Angular4.X项目)

    脚手架 npm install -g @angular/cli 安装失败可以尝试下面方法,先卸载清楚缓存,再安装 npm uninstall -g @angular/cli npm cache clean...这里写图片描述 创建项目 创建一个名为ng-account的项目 ng new ng-account 进入项目 cd ng-account 运行项目 ng server --open 生成打包(发布),...ng build 开发项目 用自己喜欢的开发工具打开项目文件夹。vs code、webStroem或者其他 ? 这里写图片描述 和vue-cli构建的vue2项目很类似。...我们主要修改src文件夹下的内容。其中我们新建的代码放在app中。其中spec.ts 文件是测试文件,可以删除。...新建菜单模块(menu),记账模块(accounting),统计模块(count),统计模块下面的子模块:年(count-year),月(count-month) ng g component menu

    1K30

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

    一旦安装了它们,我们将通过运行以下命令来安装Angular CLI: npm install -g @angular/cli 安装成功后,我们可以通过运行以下ng new命令来生成一个新项目: ng new.../src/polyfills.ts (2405 bytes) create getting-started-ng5/src/styles.css (80 bytes) create getting-started-ng5.../src/test.ts (1085 bytes) create getting-started-ng5/src/tsconfig.app.json (211 bytes) create getting-started-ng5...更早地运行构建,因此更容易修复。 国际化 构建我们的应用程序的另一个原因是Angular如何处理国际化,或者以简单的语言来讲,国际化。Angular不会在运行时处理它,而是在编译时进行处理。...这使我们可以为我们的应用程序构建多个独立模块,并为模块使用延迟加载。模块的目的是声明本模块中使用的所有内容,并允许Angular对其进行提前编译。 是基于角度MVC的?

    42.6K10

    玩转 Angular 环境变量

    通过上面的注释,我们知道在执行 ng build ---prod 命令,进行项目构建的时候,会执行文件替换操作。...} 最后我们来测试一下,还记得在发布正式版本时,我们通过以下命令进行项目构建: $ ng build --prod 那么有的同学,可能想到对于构建测试环境的包,是不是只要运行: $ ng build...--test 想象中很完美,但实际上并不是这样,ng build 命令并不支持 --test 参数,感兴趣的同学可以运行 ng build --help 命令查看 ng build 命令所支持的参数:...: $ ng build --configuration=test 上述命令成功运行之后,就会在根目录下生成 dist 目录,并且在该目录下也会创建一个 PROJECT-NAME 目录。...}, 之后,我们就可以在命令行运行以下的命令,来启用测试环境: $ ng serve --configuration=test 总结 本文简单介绍了 Angular 项目中,environment.ts

    3.2K20
    领券