Escenario del proyecto:
Este es un proyecto Vue3+Three.js, que utiliza azúcar de sintaxis de configuración.
Descripción del problema
Elegí sellar la función en lugar de inicializarla directamente en onMounted, lo cual no es muy bonito.No hay ningún error en
la función de inicialización initScene()
, render
y se informa un error:
Uncaught (in promise) TypeError:
'get' on proxy:
property 'modelViewMatrix' is a read-only and non-configurable data property on the proxy target but the proxy did not return its actual value (expected '#<Matrix4>' but got '#<Matrix4>')
y advertir:
[Vue warn]: Unhandled error during execution of mounted hook
solución:
El problema es que introduje reactive
el procesamiento receptivo de las tres variables y las puse todas en el objeto de datos, así:
let data = reactive({
scene: null,
camera: null,
renderer: null,
container: null,
controls: null
})
El mensaje de error anterior también menciona que la matriz obtenida en alguna parte no es el valor real de la matriz. Se puede inferir que se obtiene del objeto de datos. Hay un problema con algunos valores procesados por reactivo. Simplemente cámbielo de nuevo. ,
no Para el procesamiento receptivo, estos tres valores relacionados no necesitan ser receptivos:
let scene = null;
let camera = null;
let renderer = null;
let container = null;
let controls = null;