I installed these packages: **@pnp/logging @pnp/common @pnp/odata @pnp/sp** 

    npm i @pnp/logging @pnp/common @pnp/odata @pnp/sp --save  

and tried this: 

    import { sp } from '@pnp/sp';

    public componentDidMount() {
      sp.web.lists.getById(this.props.pageContext.list.id.toString())
        .items.getById(this.props.pageContext.listItem.id)
          .select("Department,FreeText")
            .get()
              .then(d => {
                console.log(d);

                this.setState({
                  department: d.Department,
                  freeText: d.FreeText
                });
              });
    }

But got the error: 

    Property 'web' does not exist on type 'SPRest'.ts(2339)



When I tried also to import **Web** from **@pnp/sp** I got this error: 

    node_modules/@pnp/sp"' has no exported member 'Web'.

What is the problem?