这个错误如何解决，哪里的问题

相关代码：

<!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>
    <button id="cn">中文</button>
    <button id="en">英文</button>
    <script type="module">
        // import { set, get, remove } from './cookie.js';
        // set('username','alex');
        // set('username','zs');
        // set('age',18);
        // set('用户名','张三');

        // set('sex','male', {
        //     maxAge: 30 * 24 * 3600
        // });

        // remove('username');
        // remove('sex');

        // console.log(get('username'));
        // console.log(get('age'));
        // console.log(get('sex'));

        // 使用封装好的cookie实现网站语言切换
        import { set } from './cookie.js';
        const cnBtn = document.getElementById('cn');
        const enBtn = document.getElementById('en');

        cnBtn.addEventListener('click', ()=> {
            set('language', 'cn',{
                maxAge: 30 * 24 * 3600
            });
            window.location='./Cookie的封装1.html';
        },
        false
        );

        enBtn.addEventListener('click', ()=> {
            set('language', 'en',{
                maxAge: 30 * 24 * 3600
            });
            window.location='./Cookie的封装1.html';
        },
        false
        );
    </script>
</body>
</html>

KaFe_Ming 2021-05-19

源自：本地存储 2-12 自由编程

收起

1回答

好帮手慕星星回答被采纳获得+3积分 2021-05-20 10:18:35

同学你好，报错是跨域的问题，module模块需要在服务器下加载，可以使用vscode编辑器中的live server插件打开。

老师测试代码没问题，自己再测试下，祝学习愉快！

收起回答

KaFe_Ming 提问者 #1

老师，我在插件中打开html网页了，还是显示了404报错。如何解决

2021-05-21 15:44:22
好帮手慕久久回复提问者 KaFe_Ming #2

同学你好，报错的意思是cookie.js这个文件找不到。建议同学检查一下cookie.js文件是否与当前的html文件同级：
如果不是同级，要改成同级，才能符合如下路径：

另外，检查一下cookie.js这个文件的文件名是否拼错。
如果还是不行，建议新建一个问题，把目录截图发出来，老师再为你解答。
祝学习愉快！

2021-05-21 16:24:56