为了账号安全,请及时绑定邮箱和手机立即绑定

使用es6写页面,编译成es5,引入之后提示exports is not defined

使用es6写页面,编译成es5,引入之后提示exports is not defined

PHP
梦里花落0921 2019-03-15 11:45:11
es6的写法import './library/jquery-1.11.3.min.js';import './library/vue-2.2.6.min.js';export default { el: '.login-box', data() { return { email: '', password: '' }; }, methods: { login() { const self = this; if (!self.email || !self.password) { alert('请填写完整登录信息'); return; } $.ajax({ type: "POST", url: "/index.php/backend/login_validate", data: { name: self.email, password: self.password }, dataType: "json", success: function (data) { if (data.error_code) { alert(data.msg); } else { window.location.href = "/index.php/backend/index"; } } }); } } } 编译之后es5的文件 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); require('./library/jquery-1.11.3.min.js'); require('./library/vue-2.2.6.min.js'); exports.default = { el: '.login-box', data: function data() { return { email: '', password: '' }; }, methods: { login: function login() { var self = this; if (!self.email || !self.password) { alert('请填写完整登录信息'); return; } $.ajax({ type: "POST", url: "/index.php/backend/login_validate", data: { name: self.email, password: self.password }, dataType: "json", success: function success(data) { if (data.error_code) { alert(data.msg); } else { window.location.href = "/index.php/backend/index"; } } }); } } };//# sourceMappingURL=login.js.map 引入页面居然报错
查看完整描述

4 回答

?
蝴蝶不菲

TA贡献1810条经验 获得超4个赞

babelimport/export转换为CommonJS规范的语法,只能通过webpack等基于Node的工具来打包,浏览器原生不支持CommonJS

查看完整回答
反对 回复 2019-03-18
?
慕码人8056858

TA贡献1803条经验 获得超6个赞

这样试试?

    import $ from './library/jquery-1.11.3.min.js';
    import Vue from './library/vue-2.2.6.min.js';
查看完整回答
反对 回复 2019-03-18
?
温温酱

TA贡献1752条经验 获得超4个赞

dablwow80 正解

查看完整回答
反对 回复 2019-03-18
?
交互式爱情

TA贡献1712条经验 获得超3个赞

dablwow80 正解

查看完整回答
反对 回复 2019-03-18
  • 4 回答
  • 0 关注
  • 5431 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信