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

2023-06-25,,

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