如何使用 nodejs 进行解析设置？答案

【问题标题】：How do I set up parsely with nodejs?如何使用 nodejs 进行解析设置？
【发布时间】：2019-05-16 19:19:18
【问题描述】：

我已经研究表单验证好几天了。我正在尝试验证多步骤表单。

我正在使用 Nodejs、ES6、Express、PUG。我很难找到有用的东西。我认为欧芹会为我做这件事，但我不能让它与 NodeJS 一起工作。

对于我的 .js 文件中的代码（其中 risk-calc 是我的表单的 ID）：

$('.form-navigation .next').click(function() {
  if ($('#risk-calc').parsley().validate({group: 'block-' + curIndex()}))
    navigateTo(curIndex() + 1);

我的控制台错误是“$(...).parsley 不是函数。”

我已经通过 NPM parselyjs 和 jquery 安装了。

编辑。

尝试使用 webpack 添加全局变量。

还是有问题，但是这看起来怎么样？

plugins: [
    new ExtractTextPlugin('style.css'),
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery',
      parsley: 'parsleyjs/dist/parsley.js'
    }),

【问题讨论】：

请提出一个特定的问题，它将返回一个特定的答案。 stackoverflow.com/help/how-to-ask
我将主题更新为我的具体问题。感谢您的回复。
您是如何在 HTML 代码中包含 Parsley 的？看起来那里只加载了 jQuery。
您只需要通过ProvidePlugin 提供jQuery 和$ 变量。然后在顶部的入口 js 文件中，您应该先导入parsleyjs，然后再在文件中使用它。这会将parsleyjs 方法附加到全局jquery 对象。您可以在没有变量的情况下执行 import 'parsleyjs'。

标签： node.js validation parsley multi-step

【解决方案1】：

在包含 jquery 代码后，您需要包含解析的 javascript 代码。然后将扩展 jquery 对象以具有 parsely 方法。

如果您已经通过 npm 导入了两者，那么您需要在捆绑之前为您的 javascript 导入主条目文件顶部的 parsleyjs 模块。我建议使用 webpack 进行捆绑。

import 'parsleyjs'

通常可以通过 webpack 提供插件将 jQuery 全局添加到您的项目文件中。

见：https://webpack.js.org/plugins/provide-plugin/

new webpack.ProvidePlugin({
  $: 'jquery',
  jQuery: 'jquery'
})

【讨论】：

感谢您的回复。我现在正在看 webpack。我不确定从上面插入代码的位置。它应该进入配置项吗？
上面的webpack.ProvidePlugin 代码应该放在配置的plugins 数组中（参见：webpack.js.org/configuration/plugins）
你在使用 webpack 来打包你的代码吗？如果没有，你可以在这里观看关于 webpack 的教程：youtube.com/watch?v=TzdEpgONurw
太好了，谢谢。我会玩这个。我暂时将您的答案标记为正确。
用一些代码更新我的回复。也许你可以看看它？