Angula2 Karma 无法加载“webpack”!

2024-01-03

我已经在 Angular2 项目(Webpack + Karma)上工作了几个月,该项目基于此入门程序的稍旧版本:https://github.com/preboot/angular2-webpack https://github.com/preboot/angular2-webpack

一切都工作正常,直到我在另一台计算机上检查我的项目。使用安装依赖项后

npm install

我尝试运行我的测试。这就是出现此错误消息的地方,我无法解释......

Can not load "webpack"!
WebpackOptionsValidationError: Invalid configuration object.
Webpack has been initialised using a configuration object that does 
not match the API schema.

我很长一段时间没有更改 package.json 中的任何内容:

{
"name": "app",
"version": "0.0.0",
"license": "MIT",
"scripts": {
  "clean": "rimraf node_modules doc dist && npm cache clean",
  "clean-install": "npm run clean && npm install",
  "clean-start": "npm run clean-install && npm start",
  "watch": "webpack --watch --progress --profile",
  "build": "rimraf dist && webpack --progress --profile --bail",
  "server": "webpack-dashboard -- webpack-dev-server --inline --port 8080",
  "webdriver-update": "webdriver-manager update",
  "webdriver-start": "webdriver-manager start",
  "lint": "tslint --force \"src/**/*.ts\"",
  "e2e": "protractor",
  "e2e-live": "protractor --elementExplorer",
  "pretest": "npm run lint",
  "test": "karma start",
  "posttest": "remap-istanbul -i coverage/json/coverage-final.json -o coverage/html -t html",
  "test-watch": "karma start --no-single-run --auto-watch",
  "ci": "npm run e2e && npm run test",
  "docs": "typedoc --options typedoc.json src/app/app.component.ts",
  "start": "npm run server",
  "start:hmr": "npm run server -- --hot",
  "postinstall": "npm run webdriver-update"
},
"dependencies": {
  "@angular/common": "2.2.0",
  "@angular/compiler": "2.2.0",
  "@angular/core": "2.2.0",
  "@angular/forms": "2.2.0",
  "@angular/http": "2.2.0",
  "@angular/platform-browser": "2.2.0",
  "@angular/platform-browser-dynamic": "2.2.0",
  "@angular/router": "3.2.0",
  "core-js": "^2.4.1",
  "reflect-metadata": "^0.1.3",
  "rxjs": "5.0.0-beta.12",
  "zone.js": "^0.6.25"
},
"devDependencies": {
  "@angularclass/hmr": "^1.0.1",
  "@angularclass/hmr-loader": "^3.0.2",
  "@types/core-js": "^0.9.0",
  "@types/jasmine": "^2.2.29",
  "@types/node": "^6.0.38",
  "@types/selenium-webdriver": "2.53.33",
  "angular2-template-loader": "^0.6.0",
  "autoprefixer": "^6.3.2",
  "awesome-typescript-loader": "^2.2.4",
  "codelyzer": "1.0.0-beta.3",
  "copy-webpack-plugin": "^4.0.0",
  "css-loader": "^0.25.0",
  "extract-text-webpack-plugin": "^2.0.0-beta.4",
  "file-loader": "^0.9.0",
  "html-loader": "^0.4.0",
  "html-webpack-plugin": "^2.8.1",
  "istanbul-instrumenter-loader": "^0.2.0",
  "jasmine-core": "^2.3.4",
  "jasmine-spec-reporter": "^2.4.0",
  "json-loader": "^0.5.3",
  "karma": "1.3.0",
  "karma-chrome-launcher": "^2.0.0",
  "karma-coverage": "^1.0.0",
  "karma-jasmine": "^1.0.2",
  "karma-mocha-reporter": "^2.0.3",
  "karma-phantomjs-launcher": "^1.0.0",
  "karma-remap-istanbul": "0.2.1",
  "karma-sourcemap-loader": "^0.3.7",
  "karma-webpack": "1.8.0",
  "node-sass": "^3.4.2",
  "null-loader": "0.1.1",
  "phantomjs-prebuilt": "^2.1.4",
  "postcss-loader": "^1.1.0",
  "protractor": "^4.0.10",
  "raw-loader": "0.5.1",
  "remap-istanbul": "^0.6.4",
  "rimraf": "^2.5.1",
  "sass-loader": "^4.0.0",
  "shelljs": "^0.7.0",
  "style-loader": "^0.13.0",
  "ts-helpers": "^1.1.1",
  "tslint": "^3.4.0",
  "tslint-loader": "^2.1.0",
  "typedoc": "^0.5.1",
  "typescript": "2.0.6",
  "url-loader": "^0.5.6",
  "webpack": "^2.1.0-beta.25",
  "webpack-dashboard": "^0.2.0",
  "webpack-dev-server": "2.1.0-beta.9"
}

}

有谁知道这里发生了什么事吗?


这似乎是 Webpack 2.2.0 或其依赖项之一的问题。如果你更换"webpack": "^2.1.0-beta.25" with "webpack": "2.2.0-rc.3"会再次起作用。rc.4是它打破的点

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Angula2 Karma 无法加载“webpack”! 的相关文章

  • 使用管道将文件夹从 Bitbucket 存储库推送到公共服务器

    我在 Bitbucket 存储库中启用了管道 并且需要在每次构建后在我的服务器中运行 Angular 2 构建并部署 dist 文件夹 在执行构建命令后创建 我的 bitbucket pipelines yml 文件中有以下内容 image
  • asp.net 核心、角度 2、PrimeNG

    I use aspnetcore spa 模板 https www npmjs com package generator aspnetcore spa作为创建管理面板的起点 接下来我添加PrimeNG http www primeface
  • Angular RouteReuseStrategy 后退按钮/跨模块

    有关我的应用程序的信息 Angular 12 由 3 个模块组成 每个模块都有一个带有列表的概述页面和一些详细信息页面 每条路线都有一个区域标签 因此我知道用户正在哪个模块中导航 所以我想实现 Angular 的 RouteReuseStr
  • 自定义错误处理程序抛出错误:无法读取未定义的属性“get”(注入器)

    我正在 Angular 4 中构建自定义错误处理程序 以使用错误拦截器处理不同类型的应用程序错误 创建一个基类 应用程序错误 ts 和其他类 例如处理 403 错误创建类拒绝访问 ts 扩展了这个基类 在基类中注入了一个服务toastrSe
  • 如何在 Angular 5 中添加规范链接

    如何在 Angular 5 中动态添加规范链接 面对同样的问题 我四处搜索并找到了有关如何执行此操作的指南 https www concretepage com angular angular title service and canon
  • 在非 Angular 类中获取注入的依赖项

    我有当前的 和简化的 课程 export class NavigationItem constructor private router Router navigateTo this router navigate this id 我不想每
  • angular2 使用 router.subscribe 来观察 url 变化

    我在用着router event subscribe angular router观察 url 变化以执行if虽然声明event subscribe工作正常 但我的问题是我怎样才能避免重复我的if声明只是为了在这些网址上显示标题 这可能是别
  • 从字符串变量导入模块

    我需要从内存变量导入 JavaScript 模块 我知道这可以使用SystemJS and Webpack 但我找不到一个好的工作示例或文档 文档主要讨论 js 文件的动态导入 基本上我需要像下面这样导入模块 let moduleData
  • Angular 2:如何从组件控制

    这个问题在这里已经有答案了 我尝试使用 Angular 2 但停止处理 HTML 5 视频 在手册中我发现 可以在模板中使用
  • 错误 C2039: 'IsNearDeath': 不是 'Nan::Persistent> 的成员

    我最近升级了我的nodejs to v12 3 1 现在当我尝试跑步时npm install在我的项目存储库中 我收到上述错误 error C2059 syntax error compiling source file src custo
  • Asp.net core webapi获取从Angular4应用程序发布的空值

    我是新来的Angular4在快速交付内容的情况下 所以没有时间彻底学习它 所以如果我的问题看起来很幼稚 请原谅 From my Asp Net Web API I have Confirmemail API必须从 Angular4 应用程序
  • 方法与管道

    在 Angular 应用程序中的模板插值中使用管道和方法有区别吗 例如 h1 name toLowerCase h1 vs h1 name lowercase h1 就性能而言 是有真正的收获还是只是个人喜好 我知道调用模板中的方法通常会降
  • 如何在角度2中动态地在输入框上添加工具提示

    我有一个输入框 我想在将鼠标悬停在输入框上时显示工具提示消息 这将基于我们从服务获得的响应 如果服务响应为 true 则工具提示中的消息将为 true message 如果服务返回 false 则该消息将为 false message 这是
  • Angular 中的单元测试点击事件

    我正在尝试将单元测试添加到我的 Angular 2 应用程序中 在我的一个组件中 有一个带有 click 处理程序 当用户单击按钮时 将调用在中定义的函数 ts类文件 该函数在 console log 窗口中打印一条消息 表明该按钮已被按下
  • 更改 Angular 对话框的背景颜色

    我正在尝试更改对话框背景 无需触摸style css file 正如其他一些答案所说 有很多方法可以设置对话框样式 1 此解决方案适用于宽度和高度 但透明背景被 忽略 this dialog open DialogComponent dis
  • 验证以防止角度形式出现重复的形式值

    我有几个表单数组 我需要进行验证 以便每个表单行中的特定字段在所有表单数组中必须是唯一的 如果任何值出现多次 则两个表单字段都必须标记为红色 我设法编写了一个函数 以便如果这些字段有任何更改 该函数将返回 true false 但我不确定如
  • 如何将Sinon添加到Angular 2测试中?

    我想添加Sinon进行测试 但无法让它运行 我已经安装了 sinon 和 karma sinon 作为 DevDependency 将 sinon 添加到我的 karma 配置文件中的框架中 frameworks jasmine brows
  • webpack 在 jest 单元测试中需要非 js 内容

    最近我将我的一个项目转换为 webpack 和 babel 它由淘汰组件制成 我在运行单元测试时遇到问题 如果我有一个文件tests文件夹之类的 import component from custom options test adds
  • 从 Angular 6 中的 html 导出 Pdf

    我想从 Angular 6 中的 html 导出 pdf 所以 我正在使用jspdf图书馆 但我不能给出颜色和背景颜色等样式 我怎样才能实现这个目标 如果有其他免费图书馆jspdf 我可以用它 您可以从下面的链接查看演示 DEMO http
  • Angular 4 中的箭头函数(Lambda 函数)

    我对lambda知之甚少 lambda表达式被视为一个函数 我们有很多方法可以做到这一点 这是我的简单功能TypeScript file byPan card1 card2 return card1 pan card2 pan 我在 HTM

随机推荐

  • RxJS:Observable.never() 保持订阅状态

    我正在使用 rxjs 5 5 6 我创建了这段代码来展示该行为 Observable of 1 2 do a gt console log a let d string null let r d length it raises an nu
  • Android Studio 重复文件

    我的源代码中出现重复的文件 这种情况在 Android Studio 中经常发生 并且所有类型的文件都会发生这种情况 而不仅仅是 gradle 文件 当我签出新分支或切换分支时 通常会发生这种情况 造成这种情况的原因是什么以及如何预防 请注
  • 如何将字符串转换为 JavaScript 函数调用? [复制]

    这个问题在这里已经有答案了 我得到一个像这样的字符串 settings functionName t parentNode id 我想将其转换为函数调用 如下所示 clickedOnItem IdofParent 当然 这必须在 JavaS
  • 如何为 RestController 启用 GZIP? [复制]

    这个问题在这里已经有答案了 我有一个简单的REST控制器使用spring 返回的GZIP响应如何application xml流是否启用 RestController public class MyRest RequestMapping m
  • foreach my $var (@list) -- $var 是一个引用?

    所以 我从来不知道这一点 我想得到一些澄清 我知道如果你这样做 foreach list 如果您在该循环中更改 它将影响实际数据 但是 我不知道如果你这样做 foreach my var1 list 如果您在循环中更改 var1 它将更改实
  • 在 smarty 模板中创建数组? [复制]

    这个问题在这里已经有答案了 我需要从 smarty 模板中的其他一维数组创建一个新数组 那么 在模板文件中创建数组的最佳可能性是什么 谢谢 萨钦 Smarty3 让您 var foo gt bar sub gt 1 2 3 and var
  • Ruby 中 $$ 的含义是什么?

    irb main 002 0 gt gt 5052 是什么意思 在 Ruby 中以及如何 在哪里使用它 is the 进程号 http www opengroup org onlinepubs 9699919799 functions ge
  • HeapTaskDaemon 线程阻塞的 ANR

    我的 Android 应用程序出现 ANR 错误 跟踪显示只有一个线程处于阻塞状态 所有其他线程都处于等待 睡眠 本机状态 因此它似乎并未处于死锁状态 我手动 直接 启动了两个线程 因此我大致知道 ANR 发生在应用程序的哪个部分 不幸的是
  • 从Python文件中读取单个字符?

    我的问题是 除了下面之外 是否还有其他方法可以一次一个字符地遍历文件 with open filename as f while True c f read 1 if not c print End of file break print
  • 使 tkinter 文本小部件适合窗口

    我正在制作一个文本编辑器 其主要小部件是一个文本小部件 供用户实际输入文本 当用户调整窗格大小时 我需要使文本小部件适合窗口 我通过使小部件变大来有点作弊 但这只是一个临时解决方案 让我在寻找解决方案时可以处理其他部分 如何使文本小部件自动
  • 如何在 Rails 2.3.5 中安装/使用 Devise?

    我尝试从 Github 上 Devise 的 v 1 2 oauth 分支进行安装 但仍然出现错误 如何在 Rails 2 3 5 应用程序上安装 devise gem 我特别想要一个可以与omniauth一起使用的 gem install
  • Mac App Store:放弃 32 位支持转而支持 ARC,32 位版本的现有用户会看到更新消息吗?

    我正在考虑放弃 32 位支持 转而支持自动引用计数 仅支持 64 位二进制文 件 我想在 Mac App Store 中避免出现这两种情况 For a 旧 32 位 Mac 用户 谁购买了支持 32 位的先前版本 他们会在 Mac App
  • Python 中是否有用于纯文本文件的本机模板系统?

    我正在寻找用于将输出格式化为简单文本的 Python 技术或模板系统 我需要的是它将能够迭代多个列表或字典 如果我能够将模板定义到单独的文件 如output templ 中而不是将其硬编码到源代码中 那就太好了 作为我想要实现的简单示例 我
  • 如何从9GAG获取数据json

    也许你认为这是一个愚蠢的问题 但我希望你能给我一些建议 我的问题 当我查看 9gag com 的源代码时 我意识到他们有一些行代码来加载更多内容 div class loading a class btn badge load more p
  • PyYAML 中的数组没有缩进或空格

    在下面的代码中我创建了net plan dict变量字典并将其转换为YAML格式文件 在字典里我有一个叫做addresses这是一个由三个元素组成的数组 创建YAML文件后 这三个数组元素没有放置在addresses field impor
  • JPA针对不同数据库的不同列类型

    是否可以根据使用的数据库使用 JPA 定义不同的列类型 我需要将 id 存储为 uuid 并且它必须是可移植的 那就是问题所在 PostgreSQL有 uuid MSSQL有 uniqueidentifier 而Oracle什么都没有 我想
  • android中textview的圆角

    我有一个文本视图 希望它的角是圆形的 我已经知道可以使用android background drawable somefile 就我而言 该标签已包含在内 因此无法再次使用 例如android background drawable my
  • Rails 更改 form_for 中提交的路由

    我有一个模型 文章 和一个嵌套在文章中的模型 评级 文章 123 评级 我想更改 ratings form html erb 中 f submit 的路由 现在是这样 按提交后 我的申请路由到 评分 111 但我想将其路由到 文章 123
  • WCF 服务应该返回 EntityObject 还是 POCO/DTO 类?

    我一直在查看很多使用 EntityFramework 的 WCF 示例 其中大多数似乎都会向客户端返回某种 POCO 或 DTO 类 我想知道为什么这是默认的EntityObject包括 DataContract 属性和工具INotifyP
  • Angula2 Karma 无法加载“webpack”!

    我已经在 Angular2 项目 Webpack Karma 上工作了几个月 该项目基于此入门程序的稍旧版本 https github com preboot angular2 webpack https github com preboo