導入不會在子文件夾

Question

當我使用

import React from 'react'; 
import ReactDOM from 'react-dom'; 
require('./styles.css'); 
import App from './components/App'; 
import Test from './components/Test'; 

ReactDOM.render(
<App />, 
document.getElementById('root') 
); 

的WebPack發現測試模塊然而，在應用程序組件的工作：

import React from 'react'; 
import Test from './components/Test'; 

export class App extends React.Component { 
    render() { 
    return (
     <div className='container'> 
     <Test /> 
    </div> 
    ) 
    } 
} 

進口測試不起作用，它說： 錯誤的./ src/components/App.js 找不到模塊：錯誤：無法解析'./components/Test'

它在我使用require時起作用

var Test = require('./Test'); 

Answer 1

您正在輸入錯誤的目錄。從查看您的第一個代碼，您可以在同一個components目錄中同時使用App和Test。該錯誤是因爲您的導入在components文件夾內查找components文件夾。所以如果你想將它導入到App中，你應該指定當前文件夾的相對路徑。即）./

在App類試試這個或App.js文件

import Test from './Test';