开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

运行ng e2e命令后找不到模块‘src/environment/environment’

问题描述：运行ng e2e命令后找不到模块'src/environment/environment'

回答：这个问题通常是由于缺少或错误配置导致的。在Angular项目中，'src/environment/environment'是一个用于存储环境变量的文件。当运行ng e2e命令时，Angular会尝试加载该文件，但如果找不到该文件或文件路径不正确，就会出现该错误。

解决这个问题的方法如下：

确认文件路径：首先，确保在项目的根目录下存在'src/environment/environment.ts'文件。如果该文件不存在，可以手动创建一个，并根据需要配置环境变量。
检查angular.json配置：打开angular.json文件，确认其中的"e2e"部分是否正确配置。确保"e2e"部分的"options"中的"src"属性指向正确的e2e测试文件夹路径。例如：
检查angular.json配置：打开angular.json文件，确认其中的"e2e"部分是否正确配置。确保"e2e"部分的"options"中的"src"属性指向正确的e2e测试文件夹路径。例如：
检查测试配置文件：打开protractor.conf.js文件，确认其中的"specs"属性是否正确配置。确保"specs"属性中的测试文件路径与实际的测试文件路径匹配。例如：
检查测试配置文件：打开protractor.conf.js文件，确认其中的"specs"属性是否正确配置。确保"specs"属性中的测试文件路径与实际的测试文件路径匹配。例如：
清除缓存并重新构建：有时候，缓存可能导致问题。尝试清除缓存并重新构建项目。可以使用以下命令清除缓存：
清除缓存并重新构建：有时候，缓存可能导致问题。尝试清除缓存并重新构建项目。可以使用以下命令清除缓存：
然后重新构建项目：
然后重新构建项目：
最后再次运行ng e2e命令，看是否问题解决。

如果以上方法都无法解决问题，可能需要进一步检查项目的配置和依赖项。可以参考Angular官方文档或向开发团队寻求帮助。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）、腾讯云云数据库MySQL版、腾讯云对象存储（COS）等。您可以在腾讯云官网上找到这些产品的详细介绍和相关文档。

腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm 腾讯云云数据库MySQL版：https://cloud.tencent.com/product/cdb_mysql 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos

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

有帮助

没帮助

相关·内容

Angular CLI 常用终端操作命令

CLI常用命令 ---- ng new project-name - 创建一个新项目，置为默认设置 ng build - 构建/编译应用 ng test - 运行单元测试 ng e2e - 运行端到端（... ng g module my-module --routing ，在 src/app/my-module/ 目录下创建名叫 my-module...文件名的路由模块 ng g module my-module --routing 该文件包括一个空Routes对象，您可以填充不同组件和/或模块的路由。...关CLI构建编译项目 ---- 输入命令 ng build 来编译项目，生成编译后的文件存放目录在项目根目录下 dist/ 目录下面关于...", "prod": "environments/environment.prod.ts" } 这些选项也适用于服务命令。

2.1K4 0

angular-cli.json配置参数解释，以及依稀常用命令的通用关键参数解释

eject命令把webpack配置释放出来 }, "apps": [ { "root": "src", // 源码根目录 "outDir": "dist", //..."prod": "environments/environment.prod.ts" } } ], "e2e": { "protractor": { "config...{ "project": "src/tsconfig.spec.json" }, { "project": "e2e/tsconfig.e2e.json"...常用命令的通用关键参数解释 1.ng serve --host (self) 指定本地Server绑定的域名，默认值：localhost.如果希望使用self来访问你的站点，须加入以上参数 2.ng serve...下面两条等价： ng build --target=production ng build --prod 7.--environment 指定应用执行环境。

1.6K3 0

Angular CLI 简介

-inline-style ng g c person ng g c person -it -is 下面来试试这些命令: 建立项目: ng new my-app 等npm install结束后再进行操作...建立好项目后, 进入该目录, 执行命令: ng g c person -d 该命令将会生成上述4个文件, 并更新app.module.ts....可以看一下spec list: 这时因为运行测试的时候, admin模块是独立运行的, 所以该模块并没有引用Router模块, 所以无法识别router-outlet. 那么如何解决这个问题?...: ng e2e ng e2e -ee Debug E2E测试....如果我想debug e2e, 那么执行这个命令: ng e2e -ee 由于我使用的是mac, 当前这个命令在mac上貌似确实有一个bug: 如果可以正常运行这个命令的话, 终端窗口会出现“Debugger

6K11 0

Angular CLI 使用教程指南参考

> 在浏览器中打开Angular文档并搜索当前关键字 ng e2e 命令描述 ng e2e 使用protractor在当前应用中运行e2e测试 ng format 命令描述 ng format...ng build可以指定构建目标（--target = production或--target = development）和要与该构建一起使用的环境文件（--environment = dev或--environment...# 这是生产构建 ng build --target=production --environment=prod ng build --prod --env=prod ng build --prod...# 这是开发构建 ng build --target=development --environment=dev ng build --dev --e=dev ng build --dev ng build...ng lint 命令描述 ng lint 在项目上运行codelyzer linter ng test 命令描述 ng test [options] 使用 karma 运行单元测试参数描述

3K5 0

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

初始化项目脚手架的命令很多，我这里只列出最常用的；新建东东范围命令作用 new ng new new_project 初始化新项目 Component ng g component my-new-component...新建一个接口 Enum ng g enum my-new-enum 新建一个枚举 Module ng g module my-module 新建一个模块测试及检测范围命令作用 e2e ng...e2e 跑自动化测试-自己写测试测试用例 test ng test 跑单元测试 -- 自己写 lint ng lint 调用tslint跑整个项目，可以收获一堆警告和错误，--force --fix -...-format可以帮助格式和修复部分问题启动 ng serve：启动脚手架服务，默认端口4200；自定义什么看帮助额打包 ng build: 开发模式打包，调用的环境文件是/src/environments...或者执行命令改下支持，一个道理的当然可以配置接口反向代理，推荐还是把不同接口的url写在不同的environment里面，用nginx做反向代理！

1441 0

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

---- 初始化项目 angular-cli可以初始化ng2或者ng4的项目，我这里说2+；脚手架的命令很多，我这里只列出最常用的；新建东东范围命令作用 new ng new new_project...module my-module 新建一个模块 ---- 测试及检测范围命令作用 e2e ng e2e 跑自动化测试-自己写测试测试用例 test ng test 跑单元测试 -- 自己写 lint...4200；自定义什么看帮助额 ---- 打包 ng build: 开发模式打包，调用的环境文件是/src/environments/environments.ts; ng build --prod: 以前调用...(还原真实的配置文件) ng eject : 这个东西的配置很多，可以弹出各种各样的源配置和文件我们看到的ng开头的命令都是二重封装的。。。...或者执行命令改下支持，，一个道理的当然可以配置接口反向代理，但是我感觉不实用，推荐还是把不同接口的url写在不同的environment里面，用nginx做反向代理！

1.8K1 0

docker学习系列19 容器化Angular项目

/usr/src/app # start app 根据实际情况修改配置 # CMD ng serve --host 0.0.0.0 CMD ng serve --port=4201 --proxy-config...根据刚创建好的镜像启动一个容器 docker run -it \ -d # 加这个参数表示后台运行 -v ${PWD}:/usr/src/app \ -v /usr/src/app/node_modules...docker-compose相关命令 # build镜像并后台启动 docker-compose up -d --build docker-compose run angular-demo ng test...--watch=false ng e2e docker-compose stop 生产环境创建一个生产环境用的Docker配置文件，Dockerfile-prod #################.../usr/src/app # run tests RUN ng test --watch=false # generate build RUN npm run build ############

1.6K6 0

玩转 Angular 环境变量

environment.ts 和 environment.prod.ts 在 Angular CLI 发布后，越来越多的开发者都是使用 Angular CLI 来创建新的项目： $ ng new PROJECT-NAME...在执行上述命令后，在项目根目录的 src/environments 目录下会自动生成两个文件：environment.ts 和 environment.prod.ts 文件： environment.ts...} 最后我们来测试一下，还记得在发布正式版本时，我们通过以下命令进行项目构建： $ ng build --prod 那么有的同学，可能想到对于构建测试环境的包，是不是只要运行： $ ng build...--test 想象中很完美，但实际上并不是这样，ng build 命令并不支持 --test 参数，感兴趣的同学可以运行 ng build --help 命令查看 ng build 命令所支持的参数：...： $ ng build --configuration=test 上述命令成功运行之后，就会在根目录下生成 dist 目录，并且在该目录下也会创建一个 PROJECT-NAME 目录。

3.2K2 0

package.json——从vue的package.json来详细说明package.json内容

// 指定发布内容控制npm包大小 "src...副作用配置 "scripts": { // 脚本命令...--environment TARGET:runtime-esm", "dev:ssr": "rollup -w -c scripts/config.js --environment TARGET.../types/tsconfig.json", "format": "prettier --write --parser typescript \"(src|test|packages|types...// 项目主页 "dependencies": { // 运行依赖

1331 0

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

一旦安装了它们，我们将通过运行以下命令来安装Angular CLI： npm install -g @angular/cli 安装成功后，我们可以通过运行以下ng new命令来生成一个新项目： ng new.../src/environments/environment.prod.ts (51 bytes) create getting-started-ng5/src/environments/environment.ts...getting-started-ng5/e2e/app.e2e-spec.ts (301 bytes) create getting-started-ng5/e2e/app.po.ts (208...为此，我们通过运行以下命令来使用Angular CLI： ng generate component Card create src/app/card/card.component.scss (0...为此，Angular向我们提供了以下ng xi18n命令： ng xi18n cat src/messages.xlf <?xml version="1.0" encoding="UTF-8" ?

42.6K1 0

Spring Boot 整合 AngularJS

/src/environments/environment.prod.ts (51 bytes)CREATE angular/src/environments/environment.ts (662 bytes...)CREATE angular/e2e/src/app.e2e-spec.ts (299 bytes)CREATE angular/e2e/src/app.po.ts (204 bytes)npm WARN.../main/下新建angulars目录,并将刚刚生成的代码文件全部复制到该文件夹下(注意隐藏文件也需要复制)修改app.module.ts引入HttpClient模块增加访问后端服务支持import {.../environments/environment.ts", "with": "src/environments/environment.prod.ts"...plugin> 打包文件部署---打包数据mvn clean package -Dmaven.test.skip=true -X运行打包后的文件即可

4633 0

使用Angular CLI进行单元测试和E2E测试

首先创建一个angular项目, 带路由的: ng new sales --routing 创建好项目后, 直接执行命令测试: ng test ? 然后会弹出一个页面, 就是测试的结果数据....这时因为运行测试的时候, admin模块是独立运行的, 所以该模块并没有引用Router模块, 所以无法识别router-outlet. 那么如何解决这个问题?...E2E测试的参数. 实际上angular cli是配合着protractor来进行这个测试的. 它的命令是 ng e2e....: ng e2e ng e2e -ee Debug E2E测试....如果我想debug e2e, 那么执行这个命令: ng e2e -ee 由于我使用的是mac, 当前这个命令在mac上貌似确实有一个bug: ?

2.8K7 0

Vue————Vue v2.7.14 入口文件【二】

--environment TARGET:server-renderer", "dev:compiler": "rollup -w -c scripts/config.js --environment...scripts/release.js", "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s" } 根据上面的一些运行命令...，我们可以看到 vue 的 dev 是使用rollup来进行打包的，这时候我们直接看dev命令对应的配置文件（scripts/config.js）里面有些什么。...初入 VUE | 寻找入口进入后我们根据命令参数full-dev进行搜索，会发现以下代码； // Runtime+compiler development build (Browser) 'full-dev...// 在修改数据之后立即使用这个方法，获取更新后的 DOM。

821 0

使用 Github Actions 自动部署 Angular 应用到 Github Pages

当 build 命令执行完成后，项目根路径下 dist 文件夹中以项目名称命名的文件夹就是我们需要部署的文件。...文件中的 base 标签的 href 属性值配置为组件、模板、模块文件以及其它一些静态文件的基础路径地址。...因为每次执行 ng deploy 命令时都需要在命令中添加 base-href 参数，所以这里我们可以在 package.json 文件中添加一个 script，这样当后面我们需要发布时，直接执行自定义的...ng deploy 命令即可 { "name": "ingos-admin", "version": "1.0.0", "scripts": { "ng": "ng", "..."test": "ng test", "lint": "ng lint", "e2e": "ng e2e" } } ?

1.4K1 0

使用Angular CLI进行Build (构建) 和 Serve

可以先看帮助: ng build --help 针对开发环境, 就是用命令 ng build....就是浏览器的Pollyfills. styles.bundle.js 样式 vendor.bundle.js 是angular和第三方库可以使用source-map-explorer来分析依赖, 并且查看哪些模块和类在...下面运行程序: ng serve -o: ? 可以看到在ng serve的时候, 加载了上述的文件. 因为ng build是开发时的build, 所以没有做任何优化, 文件挺大的....ng build ng build --prod Environment environment.ts environment..prod.ts 缓存只缓存css里引用的图片所有build的文件 source...命令脚本都变了 ? 还多出来一个webpack.config.js文件: ? 为什么要这么做呢? 可以对项目更深入的配置.... 这时运行程序就是 npm start了.

2.3K7 0

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

安装 Angular CLI 后，您需要运行一个命令来生成一个项目，并运行另一个命令来使用本地开发服务器来运行您的应用程序。...Angular CLI 快速指南安装 Angular CLI 后，您可以运行许多命令。...让我们首先检查已安装的 CLI 的版本： $ ng version 如下图所示：您可能需要运行的第二个命令是 help 命令，用于获取完整的使用帮助： $ ng help CLI 提供以下命令...我们看看各个文件的作用： /e2e/：包含网站的端到端（模拟用户行为）测试 /node_modules/：使用 npm install 将所有 3rd 方库安装到此文件夹 /src/：包含应用程序的源代码...运行结果如下图所示：生成Angular构件 Angular CLI 提供了 ng generate 命令，可帮助开发人员生成基本的 Angular 构件，例如模块、组件、指令、管道和服务： $ ng

3990 0

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

生命周期钩子详解：https://angular.cn/guide/lifecycle-hooks 当 Angular 使用构造函数新建一个组件或指令后，就会按下面的顺序在特定时刻调用这些生命周期钩子方法...它允许你做以下这些事情：创建一个新的 Angular 应用程序运行带有 LiveReload 支持的开发服务器，以便在开发过程中预览应用程序添加功能到现有的 Angular 应用程序运行应用程序的单元测试...运行应用程序的端到端 (E2E) 测试构建应用程序使用命令添加功能到现有的 Angular 应用程序：可以使用 ng generate 命令，为已有的 Angular 应用程序添加新的功能： ng...generate pipe my-new-pipe: 新建管道 ng generate service my-new-service: 新建服务 ng generate 命令与其它的子命令一样，也有快捷键...在my-blog项目中创建博客后台页面首页组件，配置路由（多模块路由配置），声明运行组件： 1、创建首页组件： ng generate component /pages/my-blog/index ?

3.9K2 0

关于package.json 的script标签使用以及和npm的关系

npm 允许在package.json文件里面，使用scripts字段定义脚本命令。...{ "name": "ng2", "version": "0.0.0", "license": "MIT", "scripts": { "ng": "ng...": "modernizr -c modernizr-config.json -d src/modernizr.js", "postinstall": "node ..../node_modules/protractor/bin/webdriver-manager update", "e2e": "ng e2e" }, "private":...比如，abc命令对应的脚本是ng generate component MyGridApplication 我们如果要执行abc指令应该这样运行npm run abc

7582 0

Angular2入门体验

好的工具往往使得开发应用更快更简单，而不是任何模块都手动开发。angualr cli就是一个支持创建工程，添加文件，对各种任务如测试、打包、部署等迭代。...第二步，创建新工程打开命令行，创建一个新的工程框架： ng new my-app 创建工程需要花点时间，稍等一会就行了。...第三步，启动应用在项目目录，执行命令： cd my-app ng serve --open ng serve会启动服务器，监控文件，当修改的时候重启应用。...src . ├── README.md ├── e2e │ ├── app.e2e-spec.ts │ ├── app.po.ts │ └── tsconfig.e2e.json ├── karma.conf.js...CLI会自动添加js和css资源 main.ts 应用的主要入口，基于JIT编译应用，并在浏览器中运行。

1.6K6 0

angular 入门1

配置环境 1.1 安装命令行 cnpm install -g @angular/cli 2. 创建项目 2.1....运行项目 ng serve --open 4....项目结构 e2e: end-to-end测试 src: 项目源码 .angular-cli.json: angular cli配置文件 tsconfig.json tsconfig.app.json tsconfig.spec.json.../app.component'; // 告诉angular如何编译启动模块 @NgModule({ // 当前项目运行的组件 declarations: [ AppComponent...], // 项目运行依赖的其他模块 imports: [ BrowserModule ], // 当前项目所需服务 providers: [], // 指定应用主视图组件

8491 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭