не удается найти имя 'require', если отсутствует импорт {by} из 'транспортира'

Question

В следующем угловом компоненте

import { Component, OnInit } from '@angular/core';
import { environment } from '../../../environments/environment';

@Component({
  selector: 'test',
  templateUrl: './test.component.html',
  styleUrls: ['./test.component.scss']
   })
export class TestComponent implements OnInit {

  version: string = require( '../../../../package.json').version;
  env: string = environment.env;

  constructor() { }

  ngOnInit() {      
  }

 }

Когда я строю решение, я получаю следующую ошибку

src/app/components/test/test.component.ts(12,21): error TS2304: Cannot find name 'require'.

Странно то, что когда я добавляю следующий импорт, проблема решается, но у меня естьПонятия не имею, почему?

import { by } from 'protractor';