有关于 import 导入模块的的使用(浏览器环境)

快乐中的程序员 发布于 2020/10/22 13:52
阅读 498
收藏 0

开源之夏第三届火热来袭,高校学生参与赢万元奖金!>>>

今天使用axios请求链接时出现的一个疑惑!!!

    正常使用 script 引入是能够正常使用的,但是因为后台需要接受的数据是key / value格式的对象(不是JSON格式)所以引入了 qs库,根据官网的写法引入出现以下错误。同时我也试了试了用import导入axios也出现了同样的错误。

    百度了下大家都是在vue中使用import导入的,那在HTML中不能用这种方法导入吗?还是说我使用import导入的方法有问题???

    想问一下这个ES6 import导入第三方库库是怎么使用的呢???

    <!-- <script src="./node_modules/axios/dist/axios.min.js"></script> -->
    <!-- <script src="./node_modules/qs/dist/qs.js"></script> -->
    <script src="/node_modules/jquery/dist/jquery.min.js"></script>

    <script type="module" >
        // import $axios from 'axios'

        import $axios from './node_modules/axios/dist/axios.min.js'

        console.log( axios );

        // import QS from './node_modules/qs/dist/qs.js'

        // console.log( QS );

    </script>
加载中
0
saileidigi
saileidigi
// html
...
<script src="https://cdn.jsdelivr.net/npm/axios@0.20.0/dist/axios.min.js"></script>
...
<script>
console.log(axios);
</script>

script 要使用正常可以访问的链接。

浏览器不支持 import

saileidigi
saileidigi
回复 @快乐中的程序员 : axios.min.js 不兼容浏览器 import
快乐中的程序员
快乐中的程序员
回复 @saileidigi : 那为什么vue中能够用import引入呢?
快乐中的程序员
快乐中的程序员
回复 @saileidigi :那怎么在浏览器环境中使用import引入库呢?
saileidigi
saileidigi
回复 @快乐中的程序员 : 官网 import 示例是 nodejs 环境的
快乐中的程序员
快乐中的程序员
浏览器怎么会不支持import呢???在官网示例中 vue就是使用import引入的啊。  正常用script访问我这也没有问题就是使用import导入没法用啊!!!主要是问这个
0
DrChenXX
DrChenXX

楼主缺少 js 基础知识,先补补习吧

OSCHINA
登录后可查看更多优质内容
返回顶部
顶部