We Keep Coding

Cypress Error Error: Webpack Compilation Error ./node_modules/#testing-library/cypress/node_modules/

AM trying to run my test and am getting this error below, I need help if anyone has faced the same issue and found a solution
This is the error below
Error: Webpack Compilation Error
./node_modules/#testing-library/cypress/node_modules/#testing-library/dom/dist/#testing-library/dom.esm.js 429:27
Module parse failed: Unexpected token (429:27)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| // eslint-disable-next-line #typescript-eslint/no-unnecessary-condition -- types are not aware of older browsers that don't implement `labels`
| if (element.labels !== undefined) {
> return element.labels ?? [];
| }
|
# ./node_modules/#testing-library/cypress/dist/index.js 9:11-42
# ./node_modules/#testing-library/cypress/dist/add-commands.js
# ./node_modules/#testing-library/cypress/add-commands.js
# ./cypress/support/e2e.ts
at Watching.handle [as handler] (/Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/packages/server/node_modules/#cypress/webpack-preprocessor/dist/index.js:180:23)
at /Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/node_modules/webpack/lib/Watching.js:99:9
at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
at AsyncSeriesHook.lazyCompileHook (/Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/node_modules/tapable/lib/Hook.js:154:20)
at Watching._done (/Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/node_modules/webpack/lib/Watching.js:98:28)
at /Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/node_modules/webpack/lib/Watching.js:73:19
at Compiler.emitRecords (/Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/node_modules/webpack/lib/Compiler.js:499:39)
at /Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/node_modules/webpack/lib/Watching.js:54:20
at /Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/node_modules/webpack/lib/Compiler.js:485:14
at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
at AsyncSeriesHook.lazyCompileHook (/Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/node_modules/tapable/lib/Hook.js:154:20)
at /Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/node_modules/webpack/lib/Compiler.js:482:27
at /Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/node_modules/neo-async/async.js:2818:7
at done (/Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/node_modules/neo-async/async.js:3522:9)
at AsyncSeriesHook.eval [as callAsync] (eval at create (/Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/node_modules/tapable/lib/HookCodeFactory.js:33:10), <anonymous>:6:1)
at AsyncSeriesHook.lazyCompileHook (/Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/node_modules/tapable/lib/Hook.js:154:20)
at /Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/node_modules/webpack/lib/Compiler.js:464:33
at /Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/packages/server/node_modules/graceful-fs/graceful-fs.js:143:16
at /Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/packages/server/node_modules/graceful-fs/graceful-fs.js:143:16
at /Users/zudemwango/Library/Caches/Cypress/10.7.0/Cypress.app/Contents/Resources/app/packages/server/node_modules/graceful-fs/graceful-fs.js:61:14
at FSReqCallback.oncomplete (node:fs:188:23)```

Angular js returning error Unknown provider:

I created a factory dtoResource.js to work with my data as per different form.
I am trying to inject this factory in autoQuoteCtrl in autoQuoteCtrl.js file.
But its giving error
angular.js:13424 Error: [$injector:unpr] Unknown provider: $resourceProvider <- $resource <- dtoResource
http://errors.angularjs.org/1.5.3/$injector/unpr?p0=%24resourceProvider%20%3C-%20%24resource%20%3C-NaNtoResource
at https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.js:68:12
at https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.js:4418:19
at Object.getService [as get] (https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.js:4571:39)
at https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.js:4423:45
at getService (https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.js:4571:39)
at injectionArgs (https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.js:4595:58)
at Object.invoke (https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.js:4617:18)
at Object.enforcedReturnValue [as $get] (https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.js:4464:37)
at Object.invoke (https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.js:4625:19)
at https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular.js:4424:37
What I am missing here.

You need to include the angular-resource script. It's in a different module.
Here's a cdn reference you can use if you want.
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.3/angular-resource.min.js"></script>
And make sure you add it as a dependency to your module:
var app = angular.module("autoQuote",["ui.router", "ngResource"]);

angular-dashboard-framework give me error Unknown provider: $uibModalProvider <- $uibModal <- adfDashboardDirective

I'm using angular-dashboard-framework. Its was working fine in ruby on rails application but when i separated from rails application its give me following error
Error: [$injector:unpr] Unknown provider: $uibModalProvider <- $uibModal <- adfDashboardDirective
http://errors.angularjs.org/1.4.4/$injector/unpr?p0=%24uibModalProvider%20%3C-%20%24uibModal%20%3C-%20adfDashboardDirective
at angular.js:68
at angular.js:4284
at Object.getService [as get] (angular.js:4432)
at angular.js:4289
at getService (angular.js:4432)
at Object.invoke (angular.js:4464)
at angular.js:7037
at forEach (angular.js:336)
at Object.<anonymous> (angular.js:7035)
at Object.invoke (angular.js:4473)
Kindly guide me.

It looks like the adfDashboard requires angular-bootstrap, could you try adding this and see if the error is still there ?

error: Resource interpreted as Script but transferred with MIME type text/html

I'm trying to make my first node.js web-app. But when I try to get the localhost:3030 I get these errors in the console's chrome.
error 1:
Resource interpreted as Script but transferred with MIME type text/html: "localhost:3030/vendor/jquery/jquery.js". localhost/:1
error 2:
Uncaught SyntaxError: Unexpected token < jquery.js:1
error 3:
Uncaught SyntaxError: Unexpected token ) mvAuth.js:1
error 4:
Error: [$injector:unpr] Unknown provider: mvAuthProvider <- mvAuth
http://errors.angularjs.org/1.2.19/$injector/unpr?p0=mvAuthProvider%20%3C-%20mvAuth
at http://localhost:3030/vendor/angular/angular.js:78:12
at http://localhost:3030/vendor/angular/angular.js:3753:19
at Object.getService [as get] (http://localhost:3030/vendor/angular/angular.js:3881:39)
at http://localhost:3030/vendor/angular/angular.js:3758:45
at getService (http://localhost:3030/vendor/angular/angular.js:3881:39)
at invoke (http://localhost:3030/vendor/angular/angular.js:3908:13)
at Object.instantiate (http://localhost:3030/vendor/angular/angular.js:3928:23)
at http://localhost:3030/vendor/angular/angular.js:7216:28
at http://localhost:3030/vendor/angular/angular.js:6607:34
at forEach (http://localhost:3030/vendor/angular/angular.js:332:20) <div ng-include="'/partials/account/navbar-login'" class="ng-scope"> angular.js:9959
error 5:
ReferenceError: tue is not defined
at new <anonymous> (http://localhost:3030/app/main/mvMainCtrl.js:6:70)
at invoke (http://localhost:3030/vendor/angular/angular.js:3917:17)
at Object.instantiate (http://localhost:3030/vendor/angular/angular.js:3928:23)
at http://localhost:3030/vendor/angular/angular.js:7216:28
at link (http://localhost:3030/vendor/angular-route/angular-route.js:913:26)
at nodeLinkFn (http://localhost:3030/vendor/angular/angular.js:6648:13)
at compositeLinkFn (http://localhost:3030/vendor/angular/angular.js:6039:13)
at publicLinkFn (http://localhost:3030/vendor/angular/angular.js:5934:30)
at boundTranscludeFn (http://localhost:3030/vendor/angular/angular.js:6059:21)
at controllersBoundTransclude (http://localhost:3030/vendor/angular/angular.js:6669:18) <div ng-view="" class="ng-scope"> angular.js:9959
How do I fix these, please ?

How to get more verbose error info in Angular?

I get only this error text in Chrome. No any additional info:
What does it mean? What happened? Is there a way to tell Angular or Chrome to show more verbose error information?
Here is my app.js file. Nothing else is included:
'use strict';
// Declare app level module which depends on filters, and services
var vsApp = angular.module('vsApp', [
'ngRoute',
'vsApp.filters',
'vsApp.services',
'vsApp.directives',
'vsApp.controllers'
]);
vsApp.config(["$routeProvider"], function($routeProvider) {
$routeProvider.when('/registration', {templateUrl: 'partials/reg.html', controller: 'regCtrl'});
$routeProvider.when('/login', {templateUrl: 'partials/login.html', controller: 'loginCtrl'});
$routeProvider.otherwise({redirectTo: '/'});
});
vsApp.controller("regCtrl", function() {});
vsApp.controller("loginCtrl", function() {});
ng-app attribute inclusion:
<!DOCTYPE html>
<html ng-app="vsApp">
My <head> tag:
<script id="angularScript" src="/bower_components/angular/angular.js"></script>
<script src="/bower_components/angular-route/angular-route.js"></script>
<script src="/assets/js/app.js"></script>
UPD:
Protractor brought more info:
Message:
UnknownError: unknown error: [$injector:modulerr] Failed to instantiate module vsApp due to:
Error: [ng:areq] Argument 'fn' is not a function, got string
http://errors.angularjs.org/1.3.0-build.2795+sha.222d473/ng/areq?p0=fn&p1=not%20a%20function%2C%20got%20string
at http://localhost:3000/bower_components/angular/angular.js:78:12
at assertArg (http://localhost:3000/bower_components/angular/angular.js:1583:11)
at assertArgFn (http://localhost:3000/bower_components/angular/angular.js:1593:3)
at annotate (http://localhost:3000/bower_components/angular/angular.js:3318:5)
at Object.invoke (http://localhost:3000/bower_components/angular/angular.js:3986:21)
at runInvokeQueue (http://localhost:3000/bower_components/angular/angular.js:3915:35)
at http://localhost:3000/bower_components/angular/angular.js:3924:11
at Array.forEach (native)
at forEach (http://localhost:3000/bower_components/angular/angular.js:320:11)
at loadModules (http://localhost:3000/bower_components/angular/angular.js:3905:5)

I don't know how to get more verbose error messages. I don't think it is even possible. However, you seem to have a at least a syntax error:
vsApp.config(["$routeProvider", function($routeProvider) {
/* notice the [ ] */
}]);
because you're using annotated injection of dependencies, just like in the documentation: https://docs.angularjs.org/guide/providers#providers_provider-recipe
myApp.config(["unicornLauncherProvider", function(unicornLauncherProvider) {
unicornLauncherProvider.useTinfoilShielding(true);
}]);
In any case I tried to reproduce the error message you got but I only obtain useful error messages. see http://jsfiddle.net/CE6j9/1/
Uncaught Error: [$injector:modulerr] Failed to instantiate module vsApp due to:
Error: [ng:areq] Argument 'fn' is not a function, got string
http://errors.angularjs.org/1.2.1/ng/areq?p0=fn&p1=not%20a%20function%2C%20got%20string
at http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js:78:12
at assertArg (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js:1346:11)
at assertArgFn (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js:1356:3)
at annotate (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js:2926:5)
at Object.invoke (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js:3587:21)
at http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js:3534:37
at Array.forEach (native)
at forEach (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js:300:11)
at loadModules (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js:3521:5)
at createInjector (http://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.1/angular.js:3461:11)
http://errors.angularjs.org/1.2.1/$injector/modulerr?p0=vsApp&p1=Error%3A%2…cloudflare.com%2Fajax%2Flibs%2Fangular.js%2F1.2.1%2Fangular.js%3A3461%3A11)
http://errors.angularjs.org/1.2.1/$injector/modulerr?p0=vsApp&p1=Error%3A%2…cloudflare.com%2Fajax%2Flibs%2Fangular.js%2F1.2.1%2Fangular.js%3A3461%3A11) angular.js:78
(anonymous function) angular.js:78
(anonymous function) angular.js:3555
forEach angular.js:300
loadModules angular.js:3521
createInjector angular.js:3461
doBootstrap angular.js:1282
bootstrap angular.js:1297
angularInit angular.js:1246
(anonymous function) angular.js:20126
trigger angular.js:2298
(anonymous function) angular.js:2562
forEach angular.js:300
eventHandler
maybe you had something else interfering?
I got the lower half of errors (with line numberS) when I clicked in the arrow. maybe you have the wrong settings in chrome?