[ERROR] Invalid option in build() call: "watch" #69
Labels
bug
Something isn't working
Comments
|
I managed to use assets/elm/build.js const esbuild = require('esbuild');
const ElmPlugin = require('esbuild-plugin-elm');
async function watch() {
const ctx = await esbuild.context({
entryPoints: ['src/index.js'],
bundle: true,
outdir: '../js',
//watch: process.argv.includes('--watch'),
plugins: [
ElmPlugin({
debug: true,
clearOnWatch: true,
}),
],
}).catch(_e => process.exit(1))
await ctx.watch()
const { host, port } = await ctx.serve({
servedir: '../',
})
console.log(`Access http://localhost:${port} for live reloading.`)
}
watch()This starts an esbuild live reloading endpoint. In order to connect to the Elm frontend, i created an assets/index.html <html>
<head>
<meta charset="UTF-8">
<title>Main</title>
</head>
<body>
<div id="myapp"></div>
<script src="js/index.js"></script>
</body>
</html>assets/elm/src/index.js import { Elm } from "./Main.elm";
const $root = document.createElement("div");
document.body.appendChild($root);
var app = Elm.Main.init({
node: $root,
});
// Required by esbuild live reloading server
new EventSource('/esbuild').addEventListener('change', () => location.reload()) |
|
@tauling Pull Request updating the files very much welcome. 🙏 |
|
i will do so :) |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I received this error when running
mix phx.serverfor step 5 under the section "Compile Elm via esbuild". I found the same issue on Stack Overflow here https://stackoverflow.com/questions/75221520/invalid-option-in-build-call-watch which indicates that thewatch:option was removed starting from esbuild version 0.16.0. The solution I used was to removed the node_modules subfolder in assets/elm and install esbuild via:I suggest this be added to the README or the instructions updated to use the newer "context" option for esbuild.build() which I admittedly haven't tried yet.
The text was updated successfully, but these errors were encountered: