..WEBPACK_IMPORTED_MODULE_7__.defaultRenderingPipeline is not a constructor

Questions
1

hi all

i trying to use the DRP as I have done previously in some vanilla code but now in vue and NPM ,

import like this :

import { defaultRenderingPipeline } from “@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/defaultRenderingPipeline”;

then my function to add or remove it :

function setdefaultRP(state) {
if (state === true) {
defaultPLR = new defaultRenderingPipeline(“defaultPipeline”, true, scene, [
camera,
]);

defaultPLR.imageProcessingEnabled = true;
defaultPLR.samples = 4;
defaultPLR.fxaaEnabled = true;
defaultPLR.imageProcessing.colorCurvesEnabled = false;
defaultPLR.imageProcessing.vignetteEnabled = false;
defaultPLR.imageProcessing.colorGradingEnabled = false;
defaultPLR.imageProcessing.contrast = 1;
defaultPLR.imageProcessing.exposure = 1.2;
defaultPLR.imageProcessing.toneMappingEnabled = true;
defaultPLR.imageProcessing.toneMappingType =
  ImageProcessingConfiguration.TONEMAPPING_ACES;

} else {
if (defaultPLR !== null && defaultPLR !== undefined) {
defaultPLR.dispose();
}
}
}

this function gets called when i set up my scene. As mentioned this is actually working code outside of vue and npm , by now i get this error :

Uncaught (in promise) TypeError: babylonjs_core_PostProcesses_RenderPipeline_Pipelines_defaultRenderingPipeline__WEBPACK_IMPORTED_MODULE_7_.defaultRenderingPipeline is not a constructor

any clues ? I checked the modules folder and the target import does exist…

2

ok i found the issue … the module exports the constructor as pascalcase even though the module name is camelcase…

new import :

import { DefaultRenderingPipeline } from “@babylonjs/core/PostProcesses/RenderPipeline/Pipelines/defaultRenderingPipeline”;

then :

…
defaultPLR = new DefaultRenderingPipeline(“defaultPipeline”, true, scene, [
camera,
]);
…

2 Likes