title: Uncaught Error: Module name "@angular/core" has not been loaded yet for context: _. Use require([])
body: <p>Can someone explain this ERROR, what it really means and what should be done in order to solve it? I'm have a module of @angular/core that need to be imported into angularJS app. I am trying to insert angular component into angularjs app, so this import the new component are requireed</p>
  
  <p>This is the component.ts file (I took its js file and include it into angularjs app):</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  
  @Component({
    selector: 'hello-world',
    template: `
      &lt;p&gt;
        hello angular 2!
      &lt;/p&gt;
    `,
    styles: []
  })
  export class HelloWorldComponent implements OnInit {
  
    constructor() { }
  
    ngOnInit() {
    }
  
  
  }
  
  // Angular 1 Vendor Import
  import * as angular from 'angular';
  
  import { downgradeComponent } from '@angular/upgrade/static';
  angular.module('myApp', [])
    .directive(
      'helloWorld',
      downgradeComponent({component: HelloWorldComponent}) as angular.IDirectiveFactory
    );
  </code></pre>