2017-06-24 103 views
0

我對reactJS很陌生並尋求一些解釋。我有一個相當簡單的reactJS應用程序,包含幾個組件和一個包含我希望能夠從每個組件調用的函數的實用程序JavaScript文件。reactjs文件結構說明

我util.js中的文件看起來是這樣的:

export function printMe(txtToPrint){ 
    console.log(txtToPrint); 
} 
export function addUs(a,b){ 
    return a + b; 
} 

我ComponentA看起來是這樣的:

import React, {Component} from 'react'; 
import {printMe, addUs} from './util'; 
... 

和我的文件夾結構是這樣的:

/src 
/src/components/componentA/componentA.js 
/src/util.js 

時我運行該應用程序,收到錯誤消息:

Module not found: './util' 'src/components/componentsA' 

然而,當我改變對componentA import語句看起來像這樣:

import React, {Component} from 'react'; 
import {printMe, addUs} from '../../util'; 

一切正常。我是/在印象之下./是src的位置。情況不是這樣嗎?

回答