Unable to execute function in generated JS in browser from inline JS.

[dcook-net]

Unable to execute function in generated JS in browser from inline JS.

[MangelMaxime]

Thanks for confirming.

I am closing this issue, because the problem is not with Fable but the weback configuration.

[MangelMaxime]

Hello,

This is normal that you can't access the validate function.

The function is only available from inside the Program.fs.js or your bundle.js in your case. You need to look on Webpack documentation how to expose a bundle as a library.

I think you want to look for the output.library.type options in webpack.

Depending on the option you should be able to use it via a variable, a globally available API or using import statement.

If you are new to JavaScript, you should also look at ESM modules as this is the type of JavaScript that Fable produce.

[dcook-net]

Ok, thanks.
I've tried this and I can't get it to work.
Are there examples of this?

[dcook-net]

I think I now have it working....
once I confirm, I shall update here with the how.

[dcook-net]

Confirmed, I have this working:

webpack.config.js:

var path = require("path");

module.exports = {
    mode: "development",
    entry: "./src/Program.fs.js",
    optimization: {
        minimize: false
    },
    output: {
        path: path.resolve(__dirname, './src/public'),
        filename: 'Program.fs.js',
        libraryTarget: 'var',
        library: 'Program'
    },

    devServer: {
        static: "./public",
        port: 8080,
    }
}

package.json:

{
  "private": true,
  "scripts": {
    "postinstall": "dotnet tool restore",
    "start": "fable watch src --run webpack serve"
  },
  "dependencies": {
    "webpack": "^5.75.0",
    "webpack-cli": "^5.0.0",
    "webpack-dev-server": "^4.11.1"
  }
}

I'll update my repo shortly too.