Function not found due to wrong path

[PascalAOMS]

When installing via NPM or in my case Yarn it does not find the correct file to import.

import jump from 'jump.js' does not find anything since there is no index.js installed.

Editing the path to ''jump.js/dist/jump' does work.

Furthermore the downloaded files are all in ES5. There is no src folder at all.

[callmecavs]

@PascalAOMS no index.js is required, neither are src files. the downloaded files should be as they are (ES5), otherwise your build process would have to transpile your node_modules, which is undesirable and unmaintainable, because of the likelihood of library authors using different babel configs.

all the fields in the package.json that tell bundlers where to get the file from point to the dist folder. those dist files are created in the prepublish hook.

npm and yarn are only used to install packages - its likely a problem with your bundler config (browserify, webpack, etc) thats causing the failure to import. without seeing more of your config, its hard to say for sure, but im almost 100% positive this is related to that

[PascalAOMS]

Thank you very much for the explanation.

[callmecavs]

@PascalAOMS no problem. feel free to post your webpack/browserify config - id be happy to take a look

[PascalAOMS]

You can find my webpack.config.js here.

Thanks!

[callmecavs]

@PascalAOMS my guess is that something with your directory structure is throwing off webpack and preventing it from finding your node_modules.

the way you're aliasing vue looks like its because of a similar problem you had importing it. try adding a root to your resolve object, as in the following, and hopefully you wont need aliases (unless those are there for a different reason):

resolve: {
  // point this to the root folder of your project
  // node_modules should be inside of the folder this points to
  root:  path.resolve(__dirname, './relative/path'),
  
  alias: {
    // your existing aliases might not be needed anymore
    // if jump.js works, try removing the vue alias
  }
}

let me know if that helps

[PascalAOMS]

I am using Webpack 2. You gave me a good tip with root though.

The equivalent would be

resolve: {
        modules: ['src', 'node_modules']
}

But that does not seem to work either.

[callmecavs]

@PascalAOMS im stumped. this is my boilerplate for webpack 2, itll generate a directory for you. using that structure, everything works for me without even specifying the root directory or modules directory 🤕

here's a link to the webpack config (its in the template folder)

[PascalAOMS]

Using const jump = require('jump.js').default works as well.

No idea why though. Yea...