npm Build mit Browserify - Fehler: nicht Modul

Question

finden Wenn npm mit Lauf bauen:

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

ich folgende Fehler bekommen:

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

Projektstruktur sieht wie folgt aus:

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

importieren in app.jsx sieht so aus:

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

Export in maininput.jsx sieht wie folgt aus:

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

ich auch GulpFile und auch dort immer gleichen Fehler erstellt:

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

EDIT: Ich habe herausgefunden, dass es funktioniert nur wenn ich den vollständigen Pfad zur Komponente anbiete, was merkwürdig ist. Weiß jemand, was dieses Problem verursachen könnte? Wahrscheinlich eine Umgebungsvariable oder?

Answer 1

Verwenden ./ zu Beginn des Importpfad:

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