我试验了模块导出和接受，怎么是错的？

我定义a.js文件就一个变量,然后我导出，在另一个HTML文件里接受，但打印错误？

相关代码：

//a.js文件

const a = 1;

export default a;

//c.html文件
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
   <!-- <script src = './a.js' type = "module"></script> -->
   <script>
       import a from 'a.js';
       console.log(a);

   </script> 
</body>
</html>

错的面目全非？怎么搞的？

相关截图：

慕田峪6263377 2021-01-04

源自：Module 模块 2-2 Module 的基本用法

收起

1回答

好帮手慕慕子 2021-01-05 10:05:35

同学你好，引入模块的script标签需要添加type="module"属性，但同学的代码中没有添加，另外，引入文件需要指出文件的依赖关系，如果是同级的，需要添加./表示查找同级的文件。建议参考下图修改：

祝学习愉快~

收起回答

提问者慕田峪6263377 #1

我添加了呀，上面就有，因为不行才注释了，两种方法都试了

2021-01-05 11:42:46
好帮手慕慕子回复提问者慕田峪6263377 #2

同学你好，对于你的问题解答如下：
1、模块引入的方式是：在添加了type="module"属性的script标签内使用import方式引入
2、同学注释的代码，虽然在script标签上添加了type="module"属性，但是并没有在script标签中使用import引入模块，而是在script标签上使用src属性引入js文件，所以无法实现效果。
3、同学修改后还是没有实现效果，在你的另一提问下已经做出了解答，同学可以查看下，http://class.imooc.com/course/qadetail/272280
祝学习愉快~

2021-01-05 17:51:06