Angular 6和karma '无法加载“@angular-devkit/build-angular”，它没有注册'

Question

14 04 2018 14：17：00.453：错误[预处理]：无法加载“@angular-devkit/build-angular”，它未注册！也许你错过了一些插件？

…\parkandrest ui\node_modules\@angular-devkit\build-angular\src\angular cli文件\plugins\packages\angulal_devkit\ build_。ts:52 const options=config.buildWebpack。选项；^类型错误：无法在数组的init（…\parkandrest ui\node_modules\@angular devkit\build angular\src\angular cli files\plugins\packages\angulal_devkit\ build_angular\ src\ngular cli file\plugin\karma.ts:52:39）读取未定义的属性“options”。在注入器处调用（…\parkandrest ui\node_modules\di\lib\injector.js:75:15）。在E:\Workspace\Training\spring boot tutorial\parkarest ui\node_modules\di\lib\injector.js:48:43获取（…\ParkaRest ui\node_modulas\di\ lib\server）。js:166:20在数组中。服务器上的forEach（）_在注射器处启动（…\parkandrest ui\node_modules\karma\lib\server.js:165:21）。在服务器上调用（…\parkandrest ui\node_modules\di\lib\injector.js:75:15）。在对象处启动（…\parkandrest ui\node_modules\karma\lib\server.js:126:18）。

我的karma.conf.js文件如下所示：

module.exports = function (config) {
  config.set({
    basePath: '',
    frameworks: ['jasmine', '@angular-devkit/build-angular'],
    plugins: [
      require('karma-jasmine'),
      require('karma-chrome-launcher'),
      require('karma-jasmine-html-reporter'),
      require('karma-coverage-istanbul-reporter'),
      require('@angular-devkit/build-angular/plugins/karma')
    ],
    client:{
      clearContext: false // leave Jasmine Spec Runner output visible in browser
    },
    files: [
      { pattern: './src/test.ts', watched: false }
    ],
    preprocessors: {
      './src/test.ts': ['@angular-devkit/build-angular']
    },
    mime: {
      'text/x-typescript': ['ts','tsx']
    },
    coverageIstanbulReporter: {
      dir: require('path').join(__dirname, 'coverage'), reports: [ 'html', 'lcovonly' ],
      fixWebpackSourcePaths: true
    },
    angularCli: {
      config: './angular.json',
      environment: 'dev'
    },
    reporters: config.angularCli && config.angularCli.codeCoverage
              ? ['progress', 'coverage-istanbul']
              : ['progress', 'kjhtml'],
    port: 9876,
    colors: true,
    logLevel: config.LOG_INFO,
    autoWatch: true,
    browsers: ['Chrome'],
    singleRun: false
  });
};

编辑：我有一个解决方案，它实际上将大多数用户对我问题的回答与我自己的答案结合起来。首先，我将整个项目更新为稳定的angular 6版本。接下来，我生成了一个空项目，如@R。Richards建议，然后我用新的配置替换了旧项目中的几乎所有配置。最后，我遇到了一个问题@Suvendu警告我。我用他的解决方案解决了这个问题。不幸的是，我的环境（Intellij IDEA 2017.3.4 Ultimate）仍然存在一个问题，它不允许我直接从IDE启动karma测试（我有@Suvendu提到的相同错误），然而，这是下一个问题的主题。

Answer 1

我按照这个指南对项目进行了干净的迁移，为我解决了同样的问题。

Answer 2

找不到模块“@angular-devkit/build-angular”

以下是对我的项目有效的方法：

1. npm安装-g@angular/cli
2. npm安装@angular/cli
3. ng update@angular/cli——仅迁移——from=1.7.0
4. ng更新@angular/core
5. npm安装rxjs compat
6. ng发球

Answer 3

< li >更新所有依赖项，并确保应用程序本身按预期运行 < li >如果尚未完成:将karma.conf.js中出现的每个< code>@angular/cli替换为< code > @ angular-devkit/build-angular < li >从karma.conf.js中完全删除< code >文件和< code >预处理程序配置。这都是在angular.json中定义的，应该由@anguler-devkit karma插件自动处理。