代码报Line7:1 parsing error：'import'和'export'仅允许在顶级出现，求排查

嘿，这个错误很常见，我一眼就看到问题所在啦！咱们先拆解下你的代码问题：

你把export default Address;放在了Address函数的内部作用域里，而ES模块的规则明确要求：import和export语句必须放在代码的顶层作用域，不能嵌套在函数、条件判断这类代码块当中。

为什么会出现这种嵌套呢？因为你的return()语句漏掉了闭合括号！原本应该在<p>MyAddress:<br/>{Adress}</p>后面加上)来闭合return的括号，这样export语句就能回到顶层作用域，编译器就不会报错了。

修正后的代码： #

import React from "react"; 

function Address(){ 
  let Adress = "96 rue de la bonheur,Casa"; 
  return( 
    <p>MyAddress:<br/>{Adress}</p> 
  ) // 补上缺失的闭合括号
}

export default Address; // 现在export处于顶层作用域啦

当然，除了这种括号遗漏的情况，如果你不小心把export语句放到了if、for这类代码块里，也会触发同样的错误，但你的问题明显是前者~

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