title: load vrml in an angular project using three-full
body: <p>I am trying to load vrml(wrl) file in browser using three-full and angular 6.</p>
  
  <pre><code>import {Component, ViewChild, ElementRef} from '@angular/core';
  import * as THREEFULL from 'three-full';
  import * as THREE from 'three';
  
  //var STLLoader = require('three-stl-loader')(THREE);
  
  @Component({
    selector: 'app-root',
    templateUrl: './app.component.html',
    styleUrls: ['./app.component.css']
  })
  export class AppComponent {
    @ViewChild('rendererContainer') rendererContainer: ElementRef;
    @ViewChild('inset') inset: ElementRef;
  
        ngOnInit() {
  
          // var loader = new STLLoader();
          // loader.load('assets/stls/Chiller.stl', data=&gt;{});
          var loader = new THREEFULL.VRMLLoader();
          loader.load('assets/stls/house.wrl', data=&gt;{});
        }    
  }
  </code></pre>
  
  <p>But I get the following error:</p>
  
  <blockquote>
    <p>ERROR TypeError: Cannot read property 'isRecordingFaces' of undefined</p>
    
    <p>at parseProperty (Three.es.js:79995)</p>
    
    <p>at getTree (Three.es.js:80315)</p>
    
    <p>at parseV2 (Three.es.js:80799)</p>
    
    <p>at VRMLLoader.parse (Three.es.js:80866)</p>
    
    <p>at Object.onLoad (Three.es.js:79822)</p>
    
    <p>at XMLHttpRequest. (Three.es.js:21802)</p>
    
    <p>at ZoneDelegate.invokeTask (zone.js:425)</p>
    
    <p>at Object.onInvokeTask (core.es5.js:3881)</p>
    
    <p>at ZoneDelegate.invokeTask (zone.js:424)
       at Zone.runTask (zone.js:192)</p>
  </blockquote>
  
  <p>It seems that loading a wrl file causes already the error.
  Can someone help me?</p>
  
  <p>Thank you!</p>