GLB model loading does not display on the page

The model loaded using GLTFLoader will not display on the page, and the console will not report errors. And I can get the loaded object. I have tried scaling the camera, scaling the model, turning on lights, changing maps, and other methods, but loading other GLB models can display it
Moon_1_3474.glb (3.1 MB)

load() {
    let camera, scene, renderer;
    function init() {
      const container = document.createElement('div');
      camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);
      scene = new THREE.Scene();
      const loader = new GLTFLoader();
      loader.load('models/glb/Moon_1_3474.glb', function (glb) {

      var pointLight = new THREE.PointLight(0xffffff, 10, 100);

      renderer = new THREE.WebGLRenderer({ antialias: true });
      renderer.setSize(window.innerWidth, window.innerHeight);
      renderer.setClearColor(0xb9d3ff, 1); //设置背景颜色
      renderer.toneMapping = THREE.ACESFilmicToneMapping;
      renderer.toneMappingExposure = 1;
      const controls = new OrbitControls(camera, renderer.domElement);
      controls.addEventListener('change', render); // use if there is no animation loop
      controls.minDistance = 2;
      controls.maxDistance = 10;, 0, 0);

      window.addEventListener('resize', onWindowResize);

    function onWindowResize() {
      camera.aspect = window.innerWidth / window.innerHeight;
      renderer.setSize(window.innerWidth, window.innerHeight);
    function render() {
      renderer.render(scene, camera);

You instantiate the camera, but don’t set its position (it’s in the centre of the scene), so it seems that the camera is simply inside the model, thus you can’t see anything. :thinking:

Without changing the code, simply replace another GLB model and the replaced model can be displayed. I thought there was a problem with this model, but I used the official GLtf viewer of Three to upload this problematic model and it can be displayed. I am currently very distressed