module has no exported member autocomplete about autocomplete HOT 6 CLOSED

Just replace

import { autocomplete, AutocompleteSettings, AutocompleteItem, AutocompleteResult } from "autocompleter";

with

import autocomplete, { AutocompleteSettings, AutocompleteItem, AutocompleteResult } from "autocompleter";

and then it should work.

from autocomplete.

Thanks. Why does it have to be outside brackets and the others inside? Tried to look for other examples but couldn't find an explanations

from autocomplete.

This is because all interfaces are declared as named exports, but autocomplete is default export in the package.

I would acually prefer to add named export for autocomplete too, but if I do this, rollup will modify UMD header and replace global declaration for autocomplete with autocomplete.autocomplete.

Currently UMD header looks like this:

(function (global, factory) {
  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
  typeof define === 'function' && define.amd ? define(factory) :
  (global.autocomplete = factory());
}(this, (function () { 'use strict';
...

and if I change function declaration to export function autocomplete..., then the generated UMD header will look like this:

(function (global, factory) {
  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
  typeof define === 'function' && define.amd ? define(['exports'], factory) :
  (factory((global.autocomplete = {}))); // must be called as autocomplete.autocomplete(...)
}(this, (function (exports) { 'use strict';

from autocomplete.

When importing autocomplete as below, I still get a TypeError: c.default is not a function.

import autocomplete, { AutocompleteSettings, AutocompleteItem, AutocompleteResult } from "autocompleter";

The only way of importing autocomplete that works for me is:

const configureAutocomplete: (settings: AutocompleteSettings<YourItemType>) => AutocompleteResult = require("autocompleter");

Could this be related to Babel? See also microsoft/TypeScript#5565

Thanks a lot!

from autocomplete.

@planger This is exactly how it should work. I tried to reproduce this issue, but I can compile it with both babel and typescript without any issues:

https://github.com/kraaden/autocomplete-tst/tree/master/my-app

from autocomplete.

@planger This is exactly how it should work. I tried to reproduce this issue, but I can compile it with both babel and typescript without any issues:

https://github.com/kraaden/autocomplete-tst/tree/master/my-app

Thanks a lot for the fast reply, @kraaden!

Good that it works in the test project. I'm not sure why it doesn't work in our project though. I guess there seems to be a difference in the transpiler config... hm. Thanks anyways!

from autocomplete.