运行ng test时如何解决test.ts? [英] How to resolve test.ts when running ng test?
本文介绍了运行ng test时如何解决test.ts?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在使用 Angular CLI,当我运行 ng test
时,它开始启动浏览器,然后我突然收到一个错误:
userName@UserName:~/devApp/profiles$ng test10% 构建模块 1/1 modules 0 active18 09 2017 16:16:51.891:WARN [karma]: 没有捕获的浏览器,打开 http://localhost:9876/18 09 2017 16:16:51.903:INFO [karma]:Karma v1.7.0 服务器启动于 http://0.0.0.0:9876/18 09 2017 16:16:51.903:INFO [启动器]:以无限并发启动浏览器 Chrome18 09 2017 16:16:51.915:INFO [启动器]:启动浏览器 Chrome未找到输入模块中的错误:错误:无法解析/Users/xxx/devApp/profiles/node_modules/@angular/cli/models/webpack"中的/Users/xxx/devApp/profiles/src/test.ts"-配置'
这是文件:test.ts
在我设置项目时通过 Angular CLI 生成的:
//karma.conf.js 需要这个文件,递归加载所有的 .spec 和框架文件导入 'zone.js/dist/long-stack-trace-zone';导入 'zone.js/dist/proxy.js';导入 'zone.js/dist/sync-test';导入'zone.js/dist/jasmine-patch';导入 'zone.js/dist/async-test';导入 'zone.js/dist/fake-async-test';从'@angular/core/testing'导入{getTestBed};进口 {浏览器动态测试模块,平台浏览器动态测试来自'@angular/platform-browser-dynamic/testing';//不幸的是,`__karma__` 变量没有类型.只需将其声明为 any 即可.声明 var __karma__: any;声明 var 要求:任何;//防止 Karma 过早运行.__karma__.loaded = function () {};//首先,初始化Angular测试环境.getTestBed().initTestEnvironment(浏览器动态测试模块,平台浏览器动态测试());//然后我们找到所有的测试.const context = require.context('./', true,/\.spec\.ts$/);//并加载模块.context.keys().map(context);//最后,启动 Karma 来运行测试.__karma__.start();
angular-cli.json:
<代码> {项目": {名称":个人资料"},应用": [{"root": "src","outDir": "dist",资产":[资产"],"index": "index.html","main": "main.ts","polyfills": "polyfills.ts","test": "test.ts","tsconfig": "tsconfig.json","testTsconfig": "tsconfig.json",前缀":应用程序",风格":["styles.css",custom_theme.scss"],脚本":[],"environmentSource": "environments/environment.ts",环境":{"dev": "环境/environment.ts","prod": "环境/environment.prod.ts"}}],e2e":{量角器":{配置":./protractor.conf.js"}},棉绒":[{"文件": "src/**/*.ts",项目":src/tsconfig.json"},{"文件": "e2e/**/*.ts",项目":e2e/tsconfig.json"}],测试": {业力":{配置":./karma.conf.js"}},默认值":{"styleExt": "css",班级": {规格":假},成分": {规格":真实,"inlineStyle": 假,内联模板":假}}}
解决方案
错误在 karma.conf.js
文件中作为 test.ts
指向的是错误的 src
文件夹.:
解决方案:我已将文件 test.ts
从根目录删除到 /src
文件夹:/src/test.ts
并按预期运行命令.
I'm using Angular CLI and when I run ng test
, it starts launching the browser, then I suddenly get an error:
userName@UserName:~/devApp/profiles$ng test
10% building modules 1/1 modules 0 active18 09 2017 16:16:51.891:WARN [karma]: No captured browser, open http://localhost:9876/
18 09 2017 16:16:51.903:INFO [karma]: Karma v1.7.0 server started at http://0.0.0.0:9876/
18 09 2017 16:16:51.903:INFO [launcher]: Launching browser Chrome with unlimited concurrency
18 09 2017 16:16:51.915:INFO [launcher]: Starting browser Chrome
ERROR in Entry module not found: Error: Can't resolve '/Users/xxx/devApp/profiles/src/test.ts' in '/Users/xxx/devApp/profiles/node_modules/@angular/cli/models/webpack-configs'
Here is the file: test.ts
as generated via Angular CLI when I did set up the project:
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
import 'zone.js/dist/long-stack-trace-zone';
import 'zone.js/dist/proxy.js';
import 'zone.js/dist/sync-test';
import 'zone.js/dist/jasmine-patch';
import 'zone.js/dist/async-test';
import 'zone.js/dist/fake-async-test';
import { getTestBed } from '@angular/core/testing';
import {
BrowserDynamicTestingModule,
platformBrowserDynamicTesting
} from '@angular/platform-browser-dynamic/testing';
// Unfortunately there's no typing for the `__karma__` variable. Just declare it as any.
declare var __karma__: any;
declare var require: any;
// Prevent Karma from running prematurely.
__karma__.loaded = function () {};
// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
BrowserDynamicTestingModule,
platformBrowserDynamicTesting()
);
// Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);
// And load the modules.
context.keys().map(context);
// Finally, start Karma to run the tests.
__karma__.start();
angular-cli.json:
{
"project": {
"name": "profiles"
},
"apps": [
{
"root": "src",
"outDir": "dist",
"assets": [
"assets"
],
"index": "index.html",
"main": "main.ts",
"polyfills": "polyfills.ts",
"test": "test.ts",
"tsconfig": "tsconfig.json",
"testTsconfig": "tsconfig.json",
"prefix": "app",
"styles": [
"styles.css",
"custom_theme.scss"
],
"scripts": [],
"environmentSource": "environments/environment.ts",
"environments": {
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}
}
],
"e2e": {
"protractor": {
"config": "./protractor.conf.js"
}
},
"lint": [
{
"files": "src/**/*.ts",
"project": "src/tsconfig.json"
},
{
"files": "e2e/**/*.ts",
"project": "e2e/tsconfig.json"
}
],
"test": {
"karma": {
"config": "./karma.conf.js"
}
},
"defaults": {
"styleExt": "css",
"class": {
"spec": false
},
"component": {
"spec": true,
"inlineStyle": false,
"inlineTemplate": false
}
}
}
解决方案
The error was in karma.conf.js
file as the path to test.ts
was pointing to src
folder which is wrong.:
...
files: [
{ pattern: './src/test.ts', watched: false }
],
preprocessors: {
'./src/test.ts': ['@angular/cli']
}
...,
Solution: I had remove the file test.ts
from root to /src
folder: /src/test.ts
and it runs the command as expected.
这篇关于运行ng test时如何解决test.ts?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文