草庐IT

karma-webpack

全部标签

javascript - Webpack:找不到 bundle.js

我终于让他的开发服务器运行起来了,我在屏幕上看到了一些东西。我已经为NPM设置了一个“启动”脚本,如下所示:"start":"webpack-dev-server--content-baseapp"我得到一个错误:http://localhost:8080/bundle.jsFailedtoloadresource:theserverrespondedwithastatusof404(NotFound)我的文件夹设置如下:appDir->app->node_moduleswebpack.config.jspackage.json我的webpack.config.js:module.ex

javascript - 在 grunt 上运行 Karma 时出现警告 'The API interface has changed'

从grunt任务运行karma时,我收到以下警告:Running"karma:unit"(karma)taskWarning:Theapiinterfacehaschanged.Pleaseuseserver=newServer(config,[done])server.start()instead.Use--forcetocontinue.Abortedduetowarnings.我已经使用我的配置测试了运行karma,都使用“运行”和“启动”karma命令,它们似乎工作正常。使用grunt--force可以完成任务,但完成时会出现警告。这是我目前使用的版本:karma0.13.0咕

javascript - Angular Karma console.log 不起作用

我在我的项目中使用KarmaAngularMochaChai。我正在做TDD并想测试我的更改。我在我的test.js文件中做了一个console.log但karmaconsole没有显示。我什至不确定如何启用它?这是我的karma.config.js:module.exports=function(config){config.set({//basepaththatwillbeusedtoresolveallpatterns(eg.files,exclude)basePath:'',//frameworkstouse//availableframeworks:https://npmjs

javascript - 如何为 Pug、React 和 ES6 设置 webpack

我正在尝试使用React和ES6制作一个网站。我正在使用Webpack通过Babel转译我的JS,它工作正常。现在我需要知道如何用Pug(或HTML)编写我的模板并将其添加到Webpack工作流中。我希望我的构建文件夹有两个文件:我的bundle.js我的index.html文件从我的index.pug文件编译而来一个示例webpack.config.js文件会有所帮助,但我真正想要的只是如何执行此操作的一般思路。谢谢! 最佳答案 要在webpack中使用pug模板,您需要首先安装几个webpack插件。htmlwebpackplu

javascript - 如何在规范文件中注入(inject)服务 Angular Testing (Jasmine/karma)

我刚开始编写Angular单元测试用例。我在我的Controller文件(.ts)中注入(inject)一项服务。我将如何在规范文件中注入(inject)服务文件。代码如下:app.component.tsgetSortData(){this.sortService.sortNumberData(this.data,'name','asce');}sort.service.tssortNumberData(data,rendererKey,type){//data.sort((elem1,elem2)=>{////ifnumberisundefined,thenassigning`MA

javascript - 遇到 webpack 模块解析问题

我安装了一个全局npm模块,我们称它为abc-cli。现在我有一个使用此命令运行的Reactapp:abc-clirun。abc-cli基本上做的是获取app中的组件并使用其源代码编译和运行它。现在我想将这个app作为一个单独的npm模块发布。所以我使用Webpack来生成包。在解析模块时,webpack无法解析属于abc-cli的模块。很明显,webpack不知道abc-cli是什么。所以我的问题是如何确保webpack解析模块依赖关系?有什么方法可以让webpack在打包时运行/编译abc-cli。或者最坏的情况可能是如何抑制模块解析警告或忽略这些模块。因为我知道它会出现。例子:在

javascript - '错误 : Unexpected request' during Karma Angular Unit Test

运行gruntkarma时,其中一个指令的测试在尝试获取模板时失败。我使用ng-html2js作为预处理器。这是我的一些karma.conf.jsplugins:['karma-chrome-launcher','karma-jasmine','ng-html2js','karma-ng-html2js-preprocessor'],preprocessors:{'app/scripts/directives/**/*.html':'ng-html2js'},ngHtml2JsPreprocessor:{moduleName:'templates'}在我的测试中,我有以下内容:'use

javascript - webpack dev 中间件,HMR 失败时如何自动重新加载

当我更改我的javascript源时,我在浏览器的控制台中收到以下消息:[HMR]Thefollowingmodulescouldn'tbehotupdated:(Fullreloadneeded)Thisisusuallybecausethemoduleswhichhavechanged(andtheirparents)donotknowhowtohotreloadthemselves.Seehttp://webpack.github.io/docs/hot-module-replacement-with-webpack.htmlformoredetails.我的问题是如何让webp

javascript - 使用 Jasmine 在 Karma 中进行 AngularJS 工厂测试

我正在尝试通过Karma使用Jasmine测试我的AngularJS应用程序。我收到此错误(至少,这是最新的错误):UncaughtTypeError:Cannotreadproperty'$modules'ofnullat/Users/benturner/Dropbox/Code/galapagus/app/static/js/angular-mocks.js:1866来self的karma.conf.js:files:['static/js/jquery.min.js','static/js/angular.min.js','static/js/angular-mocks.js',

javascript - Karma-Coverage 报告显示代码被覆盖(显然没有被覆盖)

我尝试生成HTML覆盖率报告,但它不包含我期望的输出。也许我在这里错了,但它应该只显示从规范文件调用的那些行和方法,对吧?不知怎的,它没有。更新:我创建了一个存储库来提供一个工作示例,概述了问题:https://github.com/gearsdigital/stunning-octo-train这是我的(测试)项目设置。如果需要,我可以将它推送到GitHub存储库,因为我不知道如何设置JSFiddle来运行此代码。长话短说有一个生成HTML覆盖率报告的过程。此报告显示代码已涵盖,但显然未涵盖,因为没有可用的测试。业力.conf.js:varwebpack=require('webpa