如果数字在 html 函数中，则会出现“未定义数字”错误

【问题标题】：'numeral is not defined' error is appearing if numeral is in html function如果数字在 html 函数中，则会出现“未定义数字”错误
【发布时间】：2017-12-16 06:13:21
【问题描述】：

我在两个视图模型中使用 numeric.js，有时在我的淘汰组件的 html 中。

<div data-bind="text: numeral(totalCurrent()).format('$0,0.00')"></div>

我正在使用 webpack 将我的 html 和 js 打包在一起，这似乎工作得很好，但是现在如果我尝试在 html 标记中使用数字，我得到错误“未定义数字”，如上所示。

数字在 viewmodel js 中按预期工作就好了。

有什么想法可以解决这个问题吗？？

【问题讨论】：

标签： typescript knockout.js webpack numeral.js

【解决方案1】：

您收到错误，因为函数 numeral 在全局范围内不可用，即 window，因为 webpack 会将所有内容包装在 IIFE 中。

您尝试将numeral 放入全局范围，如下所示。

window.numeral = require( 'numeral');

【讨论】：

好的，所以我在入口点构造函数中添加了window.numeral = require('numeral');，它似乎奏效了，干杯。如果将 windows.numeral 添加到 webpack 的 plugins 部分，这是否也可以工作......类似于.. new webpack.ProvidePlugin({ numeral: 'numeral', 'windows.numeral': 'numeral' }),
@JasonColey 没问题。使用ProvidePlugin 也应该可以。