npm build with Browserify - Error: Cannot find module

Question

When running npm build with:

"build": "browserify -t [ babelify --presets [ es2015 react ] ] app/assets/app.jsx -o public/javascripts/app.js"

I am getting following error:

Error: Cannot find module 'components/maininput.jsx' from 'C:\Users\Work\Documents\NetBeansProjects\Project\app\assets'

Project structure looks like this:

app
|
└────assets
    │   app.jsx
    |
    └───components 
           maininput.jsx

import in app.jsx looks like this:

import React from 'react';
import ReactDOM from 'react-dom';
import { MainInput } from '../components/maininput.jsx'

export in maininput.jsx looks like this:

export default class MainInput extends React.Component {
  //some code and render()
}

I also created GulpFile and also there getting same error:

{ Error: Cannot find module '../components/maininput.jsx'

EDIT: I have found out that it is working only if I provide full path to component, which is strange. Anyone knows what might cause this problem? Probably some enviroment variable or ?

bfontaine · Accepted Answer · 2017-01-20 09:22:18Z

2

Use ./ at the beginning of your import path:

import { MainInput } from './components/maininput.jsx'

edited Jan 20, 2017 at 9:22

bfontaine

21.4k16 gold badges88 silver badges128 bronze badges

answered Jan 20, 2017 at 4:05

fumihwh

1,2598 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

npm build with Browserify - Error: Cannot find module

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related