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

問題

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'

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

有感

有時有些問題感受簡單得不值得一記，考慮再三以爲記錄一下更好，儘管網絡上有關如標題所示的疑問不少，但大可能是「高大上」的那種，像本文記錄得倒見之極少，這也是寫此筆記的緣由。