Wrong path for style.css

[brunobg]

After installing and loading it as a component with import Autocomplete from "@trevoreyre/autocomplete-vue":

ERROR in ./node_modules/@trevoreyre/autocomplete-vue/index.js
Module not found: Error: Can't resolve '../style.css' in 'xxxxxx/node_modules/@trevoreyre/autocomplete-vue'

What works is this:

import Autocomplete from "@trevoreyre/autocomplete-vue/dist/autocomplete.esm";

It seems that you need to fix the package build.

[trevoreyre]

Huh, I'm not sure what would be causing this. Are you on the latest, v2.2.0?

If you look at the package.json for the Vue component, you'll see these lines:

  "main": "dist/autocomplete.cjs.js",
  "module": "dist/autocomplete.esm.js",
  "unpkg": "dist/autocomplete.min.js",

So import Autocomplete from '@trevoreyre/autocomplete-vue' should already be redirecting to that dist/autocomplete.esm.js file automatically if you're using a bundler that understands ES modules. Or the .cjs.js files for bundlers that don't. Either way, it shouldn't be encountering that .css import under normal circumstances.

Can you give me a little more info on your bundling setup? If it's webpack or rollup? Can you create a small reproducible example?

[brunobg]

I'm using it as part of https://github.com/Corollarium/modelarium. I don't have anything else to report, it's a pretty standard use following the docs and using laravel mix to build. But apparently the problem is the index.js file, which is loaded instead of the package.json indication. Perhaps mix is messing up something?

[trevoreyre]

I haven't used Laravel Mix before, but if it's an abstraction on top of webpack then yes, that would be my first suspect. Sorry I can't help much more than that.

[brunobg]

Thanks, but there's a clear problem that is not caused by any other software: file node_modules/@trevoreyre/autocomplete-vue/index.js includes ../style.css. This path is incorrect, and should be ./dist/style.css.