registerPlugin returning "plugin is not a function" for file validation plugin

[dcp3450]

Is there an existing issue for this?

• I have searched the existing issues

Have you updated Angular FilePond, FilePond, and all plugins?

• I have updated FilePond and its plugins

Describe the bug

When running application I get the error:

filepond.js:12458 Uncaught TypeError: plugin is not a function
    at createAppPlugin (filepond.js:12458:29)
...
    at registerPlugin (filepond.js:12695:21)
...

Running:
filepond: 4.30.4
filepond-plugin-file-validate-type: 1.2.8
ngx-filepond: 6.0.1

Angular: 13
Node: 16

Importing via module:

import * as FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type';
import { FilePondModule, registerPlugin } from 'ngx-filepond';
registerPlugin(FilePondPluginFileValidateType);

I logged out registerPlugin and FilePondPluginFileValidateType and get the the following:

registerPlugin:  ƒ registerPlugin() {
      for (var _len = arguments.length, plugins = new Array(_len), _key = 0; _key < _len; _key++) {
        plugins[_key] = arguments[_key];
      } // register plugins


      plu…
FilePondPluginFileValidateType:  Module {__esModule: true, Symbol(Symbol.toStringTag): 'Module'}

Issue started after an upgrade to Angular 13 and upgrading filepond packages to their latest versions.

Reproduction

Import filepond packages and register the plugin for File Validation.

Environment

- Device: Computer
- OS: Windows 10
- Browser: Chrome
- Angular version: 13

[dcp3450]

Switching import * as FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type'; to import FilePondPluginFileValidateType from 'filepond-plugin-file-validate-type'; returns the error

NG0203: inject() must be called from an injection context

[dcp3450]

For anyone who comes across this issue:

I was getting that NG0203: inject() must be called from an injection context error because I needed to have preserveSymlinks: true in my angular.js under projects -> app name -> architect -> build -> options That fixed the issue.

Apparently Angular 13 with the newest version of the filepond stuff, you don't need the * as

[rikschennink]

Thanks for posting the solution @dcp3450, appreciate it!

[dtslvr]

When running application I get the error:

filepond.js:12458 Uncaught TypeError: plugin is not a function
    at createAppPlugin (filepond.js:12458:29)
...
    at registerPlugin (filepond.js:12695:21)
...

I get the same error when I try to run my application built with Vite (esbuild).

filepond: 4.30.6
filepond-plugin-file-validate-type: 1.2.9
ngx-filepond: 7.0.3

Browser: Chrome 122.0.6261.94
Angular version: 17.1.3