JavaScript使用export/import时报错'Blog' is not defined no-undef排查

错误1：import语句语法错误 #

你的import代码中路径两侧的引号类型不匹配，开头用的是单引号'，结尾错误用了反引号`，直接修正为统一的引号即可：

import Blog from '../pages/Blog';

错误2：导出文件变量未定义 #

你的导出代码中，声明的类名为componentName，但最终导出的是不存在的Blog变量，这是触发'Blog' is not defined报错的核心原因，可选两种修复方案：

方案1：修改类名为你要导出的名称 #

class Blog extends Component {
    render() {
        return (
            <div>
                Blog
            </div>
        );
    }
}

export default Blog;

方案2：导出实际声明的类名 #

class componentName extends Component {
    render() {
        return (
            <div>
                Blog
            </div>
        );
    }
}

export default componentName;

内容的提问来源于stack exchange，提问作者Tongo_Hiti