Vite + React - leads to undefined error

[gregfenton]

Vite + React - leads to undefined error

[ashalfarhan]

I'm facing the same issue, aliasing the module to point to the dist directory works fine for me:

import { defineConfig } from 'vite';

export default defineConfig({
  resolve: {
    alias: {
      validatorjs: 'validatorjs/dist/validator.js',
    },
  },
});

[derekcannon]

I'm having similar issues when switching over to Vite from Webpack, while using MobX React Form and ValidatorJS as the validator. Setting a field to "required", and attempting to validate it returns the following:

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'def')
at Messages._getTemplate (messages.js:103:29)
at Messages.render (messages.js:82:25)
at Validator._addFailure (validator.js:151:29)
at Validator.check (validator.js:73:16)
at Validator.passes (validator.js:494:17)
at DVR2.validateFieldSync (DVR.js:126:22)
at DVR2.validateField (DVR.js:88:12)
at Validator.js:160:33
at _createBaseFor.js:17:11
at baseForOwn (_baseForOwn.js:13:20)

[foxhound87]

I'm facing the same issue, aliasing the module to point to the dist directory works fine for me:

import { defineConfig } from 'vite';

export default defineConfig({
  resolve: {
    alias: {
      validatorjs: 'validatorjs/dist/validator.js',
    },
  },
});

This solution worked until I called useLang method.
Needs a fix to handle language.

[gregfenton]

My suspicion, though I don't know much about "bundling", is that, I believe, the library attempts to load "language files" via require_method('./lang/' + lang) and that require_method = require;

I suspect the issue is that the language files are not being bundled by Vite?

I'm not sure how/if I can:

• tell Vite to bundle the resource files of a named NPM ??
• fork the NPM and add some vite-specific configuration ??
• fork the NPM and add some additional NPM or JS configuration such that its files bundle correctly (with Vite or with all bundlers??)

Pointers to docs or concepts or appropriate terminology for what I'm looking at here would be GREATLY appreciated!!

[stellarhoof]

Not the best, but with yarn, package.json can be patched to change https://github.com/mikeerickson/validatorjs/blob/master/package.json#L21 from "main": "./src/validator.js", to "main": "./dist/validator.js",