注意:在引入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工作流
坐落在白雪覆盖的广阔平原上2只可爱的雪豹
一个超现实和超现实的场景,在森林中心有一座蛇形的房子
一只开屏的白色孔雀ComfyUI工作流
完整海报生成comfyui工作流
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!