module './node_modules/lit/index.js' does not provide an export named 'ReactiveController'

[anneb]

According to the documentation at https://lit.dev/docs/api/controllers/#ReactiveController, the following should be possible:

import { ReactiveController } from 'lit';

However, in my vanilla Javascript project this results in a Browser console error message:

module './node_modules/lit/index.js' does not provide an export named 'ReactiveController'

I have created a minimal git repository to demo the problem at https://github.com/anneb/lit-import-problem
I am using

node --version
v18.6.0

What am I doing wrong?

[tbroyer]

ReactiveController is a type, so it only makes sense for TypeScript. In vanilla JS you'd use "duck-typing", and if/when you use JSDoc to document your code you could import it as @typedef { import("./node_modules/lit/index").ReactiveController } ReactiveController

[justinfagnani]

Thanks for the answer @tbroyer!

Yeah, this could maybe be more obvious in the docs, but ReactiveController is labeled with type here:

We're using TypeDoc to generate the API docs. Maybe there's a way to can label type imports as TypeScript-only?