npm build报错'import'和'export'仅可出现在顶层 已装相关依赖仍未解决

你遇到的报错详情如下：

SyntaxError: 'import' and 'export' may only appear at the top level (322:6)
    at Parser.pp$4.raise (/client/node_modules/react-scripts/node_modules/acorn/dist/acorn.js:2221:15)

可按照以下步骤排查解决问题：

• 优先检查报错提示的第322行代码：确认是否在if判断、函数、循环等非顶层的块级作用域内使用了静态import/export声明，静态模块声明仅允许写在文件最顶层，如果你需要按条件加载模块，请将静态声明修改为import()动态导入写法，你已安装的syntax-dynamic-import插件仅支持动态导入的语法识别，无法处理非法的静态导入写法。
• 检查babel-loader的转译范围：确认webpack配置中babel-loader的exclude规则没有覆盖到需要转译的文件，如果你项目依赖的第三方包使用了未转译的ES module语法，也会触发该报错，需要将对应第三方包添加到babel-loader的include列表中完成转译。
• 确认babel配置生效：从报错路径可见你的项目基于create-react-app搭建，如果你通过eject、customize-cra等方式修改了默认配置，需要确认插件@babel/plugin-syntax-dynamic-import（babel 7+推荐使用该官方包替代旧版syntax-dynamic-import）已经正确写入plugins数组，且配置没有被react-scripts的默认规则覆盖。
• 检查webpack output配置：确认output.libraryTarget没有设置为保留ES module语法的格式，建议设置为commonjs2或umd兼容格式。

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