注意：在引入js的时候type值需设置为module
1、index.html代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
</body>
<script src="api.js" type="module"></script>
<script src="util.js" type="module"></script>
<script type="module">
import { Obj, argu } from './util.js'
var a = argu(10);
var b = Obj.add(10);
var c = Obj.reduce(10);
console.log('index',a, b, c)
</script>
</html>
2、util.js代码
export function argu(argu){
return argu+10;
}
var Obj = {
add:function(argu){
return argu+10;
},
reduce:function(argu){
return argu-1;
}
}
export { Obj }
3、api.js代码
import { Obj, argu } from './util.js'
var a = argu(10);
var b = Obj.add(10);
var c = Obj.reduce(10);
console.log(a, b, c)
Ps：尚未得到支持的 import 路径符号
// 支持
import {foo} from 'https://jakearchibald.com/utils/bar.js';
import {foo} from '/utils/bar.js';
import {foo} from './bar.js';
import {foo} from '../bar.js';
// 不支持
import {foo} from 'bar.js';
import {foo} from 'utils/bar.js';
有效的路径符号应当符合以下条件规则之一：
完整的非相对路径。这样在将其传给new URL(moduleSpecifier)的时候才不会报错。
以 / 开头。
以 ./ 开头。
以 …/ 开头。
其他形式的符号被保留下来，未来将用于其他功能（如引入[import]内置模块）。
el-dialog中获取el-table组件的ref值报undefined错误！
上面是“原生js使用es6引入import报错解决方法”的全面内容，想了解更多关于 js 内容，请继续关注web建站教程。
当前网址：https://ipkd.cn/webs_1991.html
workflows工作流
一头巨大的古代大象背后建着一座城市
一名男子跪在月球岩石表面看见小行星碰撞
一辆在泥潭中奔跑的布加迪ComfyUI工作流
树上一个快乐的猕猴桃ComfyUI工作流
一条赤壁龙从蛋中孵化出来ComfyUI工作流
一个神秘的隐藏面孔下一本书的剪影ComfyUI工作流
一个穿着发光红色长袍的人
嘴唇丰满的漂亮女人
猜你喜欢
css3+js菜单点击动态效果
3d文字动画效果
利用canvas画几个好玩的星云物种
2023年程序猿如何给自己开启一场烟花盛会
iframe开发admin后台
自动打字效果(惊喜在后面)
barcode条形码/qrcode二维码兼容所有浏览器(含ie6/ie7/ie8)
数字滚动效果(兼容IE6/IE8)声明：本站提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请发送到邮箱：admin@ipkd.cn，我们会在看到邮件的第一时间内为您处理！
