React應用調試時發現一個感覺不起眼的錯誤，記錄於此。

我現在使用React+Semantic-UI-React調試程序，想寫一個最簡單的三子連線的小遊戲作為試驗。於是，創建一個Board組件，又創建了一個Square組件，後者將納入前者的管理，於是有類似於下面的代碼：

//...
import Square from ‘Square‘
class Board extends Component{
    //...
    render(){
        return(
            <Square value={‘X‘}/>
            )
        }
        //...
 

註意，組件Square和Board位於同一路徑下。相信有像我這樣的React JSX編程的初學者也感覺上面代碼，特別是最開始時的導入語句沒有問題，但恰恰就有問題——是有關於路徑的問題！

正確答案

上面的正確引用寫法應當是：

import Square form ‘./Square‘

如果使用上面第一種寫法，在編譯運行時即出現如題所示的錯誤！！！

有感

有時有些問題感覺簡單得不值得一記，考慮再三覺得記錄一下更好，盡管網絡上有關如標題所示的疑問很多，但大多是「高大上」的那種，像本文記錄得倒見之極少，這也是寫此筆記的原因。

React調試錯誤‘Module not found: Can‘t resolve‘