React调试过程中报'Module not found: Can't resolve'错误解决方案

下文主要给大家带来React调试过程中报'Module not found: Can't resolve'错误解决方案，希望这些内容能够带给大家实际用处，这也是我编辑React调试过程中报'Module not found: Can't resolve'错误解决方案这篇文章的主要目的。好了，废话不多说，大家直接看下文吧。

我现在使用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'错误解决方案，大家是不是觉得非常有帮助。如果需要了解更多内容，请继续关注我们的行业资讯，相信你会喜欢上这些内容的。