"Failed: Error while waiting for Protractor to sync with the page" while executing Protractor tests

I try to execute some Protractor tests on a web application that consists of both Angular and non-angular components.
My code looks like so:

describe("Test Name", function() {
  it("Test case", function() {
    // first execute steps on a non-Angular component
    browser.waitForAngularEnabled(false);
    // some test steps

    // then execute tests on an Angular component, which opens in a new browser tab
    browser.waitForAngularEnabled(true);
    // some more test steps
    });
});

The problem is that after the above test is run, the browser launches and immedietaly closes with the following error:

Failed: Error while waiting for Protractor to sync with the page: “both angularJS testability and angular testability are undefined. This could be either because this is a non-angular page or because your test
involves client-side navigation, which can interfere with Protractor’s bootstrapping. See http://git.io/v4gXM for details”

When I remove browser.waitForAngularEnabled(true); from the code, the steps for the non-Angular component are executed successfully, then the Angular component of the application is opened in the new browser tab, nothing happens for 10 seconds (no steps are executed) and the browser closes with the following error:

Failed: Wait timed out after 10007ms

Source: AngularJS