The requested module ‘./reactive.js’ does not provide an export named ‘reactive’

最新推荐文章于 2024-07-05 23:52:50 发布

流星先生!

最新推荐文章于 2024-07-05 23:52:50 发布

阅读量477

点赞数 5

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/qq_45903688/article/details/136338755

版权

本文介绍了在HTML中利用ESModule导入JavaScript模块时遇到的错误，即导出变量名与文件名相同导致的问题，以及提供了解决此问题的方法：修改变量名或文件名.

摘要由CSDN通过智能技术生成

背景

在html中使用ESModule

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app"></div>
    <script type="module">
        import {test} from './test.js'
        console.log(test);
    </script>
</body>
</html>

test.js

export const add = ()=>{
console.log(‘add’);
}

export const sub = ()=>{
console.log(‘sub’);
}

export const test = ()=>{
console.log(‘test’);
}

在这里插入代码片

标题报错：

在这里插入图片描述

原因：

导出的变量名不能与文件名一样。

解决方法：

修改导出的变量名，或者修改文件名。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

流星先生!

关注关注

5
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
The requested module ‘./reactive.js’ does not provide an export named ‘reactive’

修改导出的变量名，或者修改文件名。在html中使用ESModule。导出的变量名不能与文件名一样。
复制链接

扫一扫