Webpack require 方法返回意外的对象
Webpack require method returns unexpected object
我最近将我的 webpack 从版本 1.12.9 升级到 1.12.13,将 babel 从 5 升级到 6,升级后我的部分代码中断:
const DevTools = require('../components/DevTools.js')
DevTools.instrument()
我收到以下错误:
Uncaught TypeError: DevTools.instrument is not a function
然后我在调用instrument()
之前添加了console.log(DevTools)
,这是Chrome控制台中的输出:
> Object {__esModule: true}
> __esModule: true
> default: DevTools(props, context)
> __proto__: Object
为了解决这个问题,我使用了import
而不是require
:
import DevTools from '../components/DevTools.js'
再次打印console.log(DevTools)
会给出这个:
DevTools(props, context) {
_classCallCheck(this, DevTools);
var _this = _possibleConstructorReturn(this, _Component.call(this, props, context));
if (!props.store && !…
这正是我想要导入的,现在工作正常。
有谁知道为什么会这样?此错误是由于 webpack 或 babel 的升级引起的吗?
除了总是导入 DevTools,您还可以有条件地要求它们并添加default
const DevTools = require('../components/DevTools.js').default;
相关文章:
- 使用带有自定义对象作为属性的jQuery.extend时出现意外行为
- 未捕获的语法错误:javascript对象上出现意外的标记ILLEGAL
- 意外结果,在 ASP.Net 中解析 JSON 对象的数组
- 使用 JSON.parse 将字符串(变量)转换为对象,错误意外标记
- 错误:'这'对象不正确;在JQuery中单击事件-单击时的意外行为
- 为什么JSON.parse()在尝试解析一个简单的JSON对象时抛出Uncaught SyntaxError:意外的令牌
- 如何访问以数字开头的对象属性(语法错误:意外的标识符)
- ng单击错误:[$parse:syntax]语法错误:令牌'对象'意外,应为[]
- 试图解析一个大型JSON对象并提取数据,但不断出现意外的令牌错误
- JS对象属性被意外重写
- JavaScript 或 Node.js意外地对对象进行排序
- 两级数组中的对象.导致意外令牌 [.
- 咖啡脚本:当我尝试创建对象文字的对象文字时,意外的“{”
- 语法错误:JSON 分析错误:意外的标识符“对象”
- 将变量打印到控制台时出现意外字符串:[对象窗口]
- 意外的 Javascript Date 对象隐式转换
- 跨 ajax 请求到服务器返回的 json 对象显示错误意外令牌:
- Webpack require 方法返回意外的对象
- AngularJS分析JSON数组对象意外的令牌:
- Javascript对象意外地共享数据