es6模块化导入js文件不成功

Question

为什么文件导入不成功啊？应该不是浏览器兼容的问题
（凑数的：多拿点牛我等会奶茶店才不会的也刚发别人发不贵服不服人v被褥粗凑数的）

Answer 1

引自免费微信小程序：皆我百晓生

根据你提供的描述和图片信息，问题似乎出在ES6模块的导入语句上。错误提示“Uncaught SyntaxError: Cannot use import statement outside a module”表明你正在尝试在一个非模块环境中使用import语句。这通常发生在尝试直接在浏览器控制台或HTML文件中使用模块导入，而没有正确地配置环境来支持模块化。以下是解决此问题的一些建议：

解决步骤：

1. 确保你的环境支持模块化

如果你在浏览器中使用模块化代码，你需要确保你的HTML文件是一个模块。你可以在<script>标签中添加type="module"属性来指定它是一个模块：

<script type="module" src="your-script.js"></script>

2. 检查文件路径和文件名

确保你在import语句中使用的路径是正确的。例如，如果你的ES6.js文件和你的test.html文件在同一个目录下，你应该这样写：

import * as es from './ES6.js';

注意路径中的.表示当前目录，./表示相对路径。如果你的文件结构不同，请相应地调整路径。

3. 检查导出语句

确保你在ES6.js文件中正确地导出了你想要的对象或函数。根据你提供的代码片段，看起来你的导出语句可能是不正确的。正确的导出语句应该类似于这样：

export const num = 1;
export function add(a, b) { return a + b; }
export class Person { /* ... your class code ... */ }

4. 检查代码格式和拼写错误

根据你提供的图片信息，代码中似乎有一些格式和拼写错误。例如，“function add(){ return a+b”应该为“function add(a, b){ return a+b}”。请仔细检查你的代码，确保没有类似的错误。

总结：

确保你的环境支持模块化，检查文件路径和文件名，修正导出语句，以及检查代码格式和拼写错误。按照这些步骤操作后，你的模块化导入应该能够成功。如果问题仍然存在，请提供更多的代码细节和环境配置信息，以便进一步诊断问题。