title: Chart.js core.js:6162 ERROR Error: "line" is not a registered controller
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code> const gainContext = this.gainRef.nativeElement.getContext('2d')
    gainContext.canvas.height = '300px'
  
    new Chart(gainContext, createChartConfig(gainConfig))
  
  
  function createChartConfig({type, labels, data, label, color}: ChartConfig): ChartConfiguration&lt;"line"&gt;{
  
    console.log('3 Chart.defaults', Chart.defaults)
  
    return {
  type: "line",
  data: {
    labels,
    datasets: [
      {
        label,
        data,
        borderColor: color,
        stepped: false,
        fill: false
      }
    ]
  }
    }</code></pre>
  </div>
  </div>
  </p>
  <p>This is not working: It not recognize the type property as it must in official documentation.</p>
  <p>let myChart = new Chart(gainContext, {
  type: 'line',</p>
  <p>What I do wrong?</p>