Esta publicación servirá para ir colocando fragmentos de consultas que en algún momento me fueron útiles para usarlo en MongoDB Fragmento 1: Se requería obtener todos los elementos que dentro de un atributo que es de tipo array(arreglo) coincida con type:"fire" Fragmento 2: Se requería actualizar el atributo " lastUpdate " de toda la colección donde la edad sea mayor o igual a 15.
Esta vez estaba trabajando con un proyecto Angular en su versión 8.0.3 cuando decidí utilizar el componente Hammer Gesture, entonces todo bien por que utilice las instrucciones que tenia en npm (https://www.npmjs.com/package/hammerjs) cuando ejecute el comando ng serve no me mostró ningún error, por lo qe decidi probar el en ya famoso http://localhost:4200 , y Oh sorpresa me salia un error en el navegador que no me permitía ver el Home, el error era mas o menos el siguiente:
core.js:7187 ERROR TypeError: Class constructor HammerGestureConfig cannot be invoked without 'new'
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
core.js:7187 ERROR TypeError: Class constructor HammerGestureConfig cannot be invoked without 'new' | |
at new CustomHammerConfig (ngx-gallery.umd.js:1898) | |
at _createClass (core.js:23184) | |
at _createProviderInstance (core.js:23151) | |
at resolveNgModuleDep (core.js:23098) | |
at _callFactory (core.js:23222) | |
at _createProviderInstance (core.js:23154) | |
at resolveNgModuleDep (core.js:23098) | |
at _createClass (core.js:23188) | |
at _createProviderInstance (core.js:23151) | |
at resolveNgModuleDep (core.js:23098) | |
defaultErrorLogger @ core.js:7187 | |
handleError @ core.js:7239 | |
(anonymous) @ core.js:31765 | |
invoke @ zone-evergreen.js:359 | |
run @ zone-evergreen.js:124 | |
runOutsideAngular @ core.js:30830 | |
(anonymous) @ core.js:31762 | |
invoke @ zone-evergreen.js:359 | |
onInvoke @ core.js:30904 | |
invoke @ zone-evergreen.js:358 | |
run @ zone-evergreen.js:124 | |
(anonymous) @ zone-evergreen.js:855 | |
invokeTask @ zone-evergreen.js:391 | |
onInvokeTask @ core.js:30885 | |
invokeTask @ zone-evergreen.js:390 | |
runTask @ zone-evergreen.js:168 | |
drainMicroTaskQueue @ zone-evergreen.js:559 | |
Promise.then (async) | |
scheduleMicroTask @ zone-evergreen.js:542 | |
scheduleTask @ zone-evergreen.js:381 | |
scheduleTask @ zone-evergreen.js:211 | |
scheduleMicroTask @ zone-evergreen.js:231 | |
scheduleResolveOrReject @ zone-evergreen.js:845 | |
then @ zone-evergreen.js:955 | |
bootstrapModule @ core.js:31656 | |
./src/main.ts @ main.ts:13 | |
__webpack_require__ @ bootstrap:78 | |
0 @ main.ts:14 | |
__webpack_require__ @ bootstrap:78 | |
checkDeferredModules @ bootstrap:45 | |
webpackJsonpCallback @ bootstrap:32 | |
(anonymous) @ main.js:1 | |
main.ts:14 TypeError: Class constructor HammerGestureConfig cannot be invoked without 'new' | |
at new CustomHammerConfig (ngx-gallery.umd.js:1898) | |
at _createClass (core.js:23184) | |
at _createProviderInstance (core.js:23151) | |
at resolveNgModuleDep (core.js:23098) | |
at _callFactory (core.js:23222) | |
at _createProviderInstance (core.js:23154) | |
at resolveNgModuleDep (core.js:23098) | |
at _createClass (core.js:23188) | |
at _createProviderInstance (core.js:23151) | |
at resolveNgModuleDep (core.js:23098) |
Buscando en la red me encontré con algunas recomendaciones de @ las cuales probé y me funciono, esta fue la siguiente:
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
A temporary fix that works 100 for now : | |
in the file ngx-gallery.umd.js changes this lines of code : | |
var CustomHammerConfig = /** @Class */ (function (_super) { | |
__extends(CustomHammerConfig, _super); | |
function CustomHammerConfig() { | |
var _this = _super !== null && _super.apply(this, arguments) || this; | |
_this.overrides = ({ | |
'pinch': { enable: false }, | |
'rotate': { enable: false } | |
}); | |
return _this; | |
} | |
return CustomHammerConfig; | |
}(platformBrowser.HammerGestureConfig)); | |
to : | |
class CustomHammerConfig extends platformBrowser.HammerGestureConfig { | |
constructor() { | |
super(...arguments); | |
this.overrides = ({ | |
'pinch': { enable: false }, | |
'rotate': { enable: false } | |
}); | |
} | |
} |
Prácticamente fue sustituir código del archivo ngx-gallery.umd.js lo realice y todo ok!
Referencias:
https://github.com/lukasz-galka/ngx-gallery/issues/242
Comentarios
Publicar un comentario