React中使用OutlinePass遇场景变暗及Mac渲染artifacts问题求助

我在React应用中使用Three.js的OutlinePass时遇到以下问题：

• 将OutlinePass添加至EffectComposer后，整个场景出现变暗现象
• 在Mac设备的Chromium浏览器中渲染时，画面出现artifacts（瑕疵）
• 换用UnrealBloomPass等其他后期处理工具时，同样存在上述两个问题

渲染效果对比 #

Windows系统添加OutlinePass前后 #

Mac（Chrome浏览器）添加OutlinePass前后 #

Windows系统下OutlinePass正常工作效果 #

核心渲染代码 #

const initMap = () => {
        if (renderer==null) {

            container = document.getElementById( 'canvas' );
            document.body.appendChild( container );

            scene = new THREE.Scene();

            addPerspectiveCamera();

            //Composer and renderer
            renderer = new THREE.WebGLRenderer({ canvas: canvasRef.current, antialias: true, precision: "highp"});
            renderer.setSize( window.innerWidth, window.innerHeight );
            renderer.setPixelRatio(Math.min(window.devicePixelRatio, 2))
            renderer.outputEncoding = THREE.sRGBEncoding
            renderer.toneMappingExposure = 1
            renderer.shadowMap.enabled = true
            renderer.shadowMap.type = THREE.PCFSoftShadowMap

            const size = renderer.getSize( new THREE.Vector2() );
            const _pixelRatio = renderer.getPixelRatio();
            const _width = size.width;
            const _height = size.height;

            var renderTarget = new THREE.WebGLRenderTarget( _width * _pixelRatio, _height * _pixelRatio, {
              minFilter: THREE.LinearFilter,
              magFilter: THREE.LinearFilter,
              format: THREE.RGBAFormat,
              encoding: THREE.sRGBEncoding
                 } );

            compose = new EffectComposer(renderer, renderTarget);
            renderPass = new RenderPass(scene, perspectiveCamera, pointLight, light);

            //Outline pass 
            outlinePass = new OutlinePass(new THREE.Vector2(window.innerWidth,window.innerHeight),scene,perspectiveCamera, pointLight, light);
            outlinePass.renderToScreen = true;
            outlinePass.selectedObjects = selectedObjects;

            //Add passes to composer
            compose.addPass(renderPass);
            compose.addPass(outlinePass);     //TODO - fix this in MAC (!!!!)

            container.appendChild( renderer.domElement );

            const interaction = new Interaction(renderer, scene, perspectiveCamera, pointLight, light);

            if (props.localMap) {
              addLocalMap();
            } 
            if (!props.localMap) {
              addWorldMap();
            }

        }

        //addOrbitControls();
        animate();
    }

恳请各位提供解决方案。

内容的提问来源于stack exchange，提问作者Elemermelada