CODEWITHSUNDEEP
reactjswebpack
VISHAL DAGA
VISHAL DAGA

Reputation: 4289

Webpack module cannot be imported in multiple entry config

In my webpack config file, i have multiple entry points:-

entry: {
    bundle: "./src/index1.js",
    rUI: "./other/src/js/ui/index2.js"
  },

In index1.js file, all imports are getting resolved, but in index2.js which looks like following 

import someModule from "./components/SomeModule/SomeModule";
export default SomeModule;

it's not able to resolve someModule (though the relative path is correct and file exits) and gives error - Cannot find module "./components/SomeModule/SomeModule" on browser console...

However, if I bring the entire contents of someModule.js, there is no issues.. which means that there is some problem with path. Not able to figure out why...

Any help is highly appreciated.

Upvotes: 0

Views: 174

Answers (2)

VISHAL DAGA
VISHAL DAGA

Reputation: 4289

I solved it. Though the same code worked using require instead of import. But to make the same code work, I had to add additional preset - es2015 and react. Something like

"babel?presets[]=es2015,presets[]=react,presets[]=stage-0,plugins[]=transform-object-rest-spread"

Upvotes: 0

Héctor
Héctor

Reputation: 340

Not really a way to solve your problem, but if you are having trouble with import paths, I'd recommend having a look to something like babel-root-import pluging.

It has saved me so many headaches.

Upvotes: 1

Related Questions