如何解决script.js:1 Uncaught SyntaxError: Cannot use import statement outside a module

当你遇到`script.js:1 Uncaught SyntaxError: Cannot use import statement outside a module`错误，这是因为在浏览器环境中，ES6的模块化（import/export）语法只支持在模块中使用。如果你试图在传统的<script>标签中导入模块，而不是在一个现代的模块化设置（如CommonJS、ESM或AMD）中，就会出现这个错误。

要解决这个问题，你可以按照以下步骤操作：

1. **转换为模块系统**：
- 如果你在构建过程中，可以使用工具如Webpack、Rollup或Babel将ES6模块转换为浏览器可识别的格式。例如，使用`import`和`export`语法的代码会被转换成CommonJS（Node.js）格式，或AMD格式（如RequireJS）。

2. **打包并使用脚本标签**：
- 使用模块构建工具将整个应用打包成一个单独的JavaScript文件，然后在HTML文件中通过`<script>`标签引入，这样所有模块都会在打包后一起执行。

3. **使用`<script type="module">`**：
- 对于支持ES6模块的现代浏览器（如Chrome、Firefox等），你可以在HTML中添加`type="module"`属性到`<script>`标签，但这不是跨浏览器的解决方案。

4. **渐进增强**：
- 使用`System.import()`（在现代浏览器中）或`require()`（在旧版浏览器或CommonJS环境中）来动态加载模块，而不是一开始就尝试导入。

5. **polyfill或适配**：
- 对于完全不支持ES6模块的浏览器，你可以使用像`es6-shim`或`core-js`这样的库来提供兼容性。