使用 angular-cli 在执行ng test后尝试为服务编写测试。我收到此错误：
02 03 2017 14:51:09.486:ERROR [config]: Error in config file!
{ Error: Cannot find module 'angular-cli/plugins/karma'
at Function.Module._resolveFilename (module.js:469:15)
at Function.Module._load (module.js:417:25)
at Module.require (module.js:497:17)
at require (internal/module.js:20:19)
at module.exports (/Desktop/e2-frontend/karma.conf.js:12:7)
at Object.parseConfig (/Desktop/e2-frontend/node_modules/karma/lib/config.js:342:5)
at new Server (/Desktop/e2-frontend/node_modules/karma/lib/server.js:56:20)
at Promise (/Desktop/e2-frontend/node_modules/@angular/cli/tasks/test.js:34:33)
at Class.run (/Desktop/e2-frontend/node_modules/@angular/cli/tasks/test.js:15:16)
at Class.run (/Desktop/e2-frontend/node_modules/@angular/cli/commands/test.js:106:25)
at Class.<anonymous> (/Desktop/e2-frontend/node_modules/@angular/cli/ember-cli/lib/models/command.js:134:17)
at process._tickCallback (internal/process/next_tick.js:103:7) code: 'MODULE_NOT_FOUND' }
业力配置.js
// Karma configuration file, see link for more information
// https://karma-runner.github.io/0.13/config/configuration-file.html
module.exports = function (config) {
config.set({
basePath: '',
frameworks: ['jasmine', 'angular-cli'],
plugins: [
require('karma-jasmine'),
require('karma-chrome-launcher'),
require('karma-remap-istanbul'),
require('angular-cli/plugins/karma')
],
files: [
{ pattern: './src/test.ts', watched: false }
],
preprocessors: {
'./src/test.ts': ['angular-cli']
},
mime: {
'text/x-typescript': ['ts','tsx']
},
remapIstanbulReporter: {
reports: {
html: 'coverage',
lcovonly: './coverage/coverage.lcov'
}
},
angularCli: {
config: './angular-cli.json',
environment: 'dev'
},
reporters: config.angularCli && config.angularCli.codeCoverage
? ['progress', 'karma-remap-istanbul']
: ['progress'],
port: 9876,
colors: true,
logLevel: config.LOG_INFO,
autoWatch: true,
browsers: ['Chrome'],
singleRun: false
});
};
似乎由于某种原因找不到业力。 它必须有一个不同的位置。 如何修复此错误？
替换此行
frameworks: ['jasmine', 'angular-cli'],
有了这个
frameworks: ['jasmine', '@angular/cli'],
此行
require('angular-cli/plugins/karma')
对此
require('@angular/cli/plugins/karma')
这
preprocessors: {
./src/test.ts': ['angular-cli']
},
对此
preprocessors: {
'./src/test.ts': ['@angular/cli']
},
在您的karma.config.js文件中。希望这对您有所帮助。
首先，确保安装最新的 angular CLI(npm install --save-dev @angular/cli：latest)并删除 package.json 中的 'angular-cli'
其次，转到karma.conf.js编辑以下内容：
来自框架： ['Jasmine'， 'Angular-cli']
自框架： ['Jasmine'， @angular/CLI']
从
require('angular-cli/plugins/karma')
自
require('@angular/cli/plugins/karma')
从
preprocessors: {
'./src/test.ts': ['angular-cli']
},
自
preprocessors: {
'./src/test.ts': ['@angular/cli']
},
然后，编辑你的angular-cli.json
从
"environments": {
"source": "environments/environment.ts",
"dev": "environments/environment.ts",
"prod": "environments/environment.prod.ts"
}
自
"environmentSource": "environments/environments.ts",
"environments": {
"dev": "environments/environments.ts",
"prod": "environments/environments.prod.ts"
}
工作解决方案
打开karma.conf.js文件并将每个angular-cli/plugins/karma替换为：
@angular/cli/plugins/karma
上述要替换的属性位于以下键中：
-
框架
-
插件，
-
预处理器。
然后，修改后的属性应如下所示：
frameworks: ['jasmine', '@angular/cli'],
plugins: [
require('karma-jasmine'),
require('karma-chrome-launcher'),
require('karma-remap-istanbul'),
require('@angular/cli/plugins/karma')
],
preprocessors: {
'./src/test.ts': ['@angular/cli']
}
检查你的package.json，确保你没有"angular-cli"的行。 如果这样做，请将其删除并运行：npm install。 这为我澄清了它。 在依赖项和"@angular/cli"中对此有引用。 "@angular/cli"是角度 CLI 的新位置。
尝试将"resolveJsonModule": true放入由元素compilerOptionstsconfig.spec.json的文件中。它对我有用。