Problem <a target="_blank" rel="noopener noreferrer nofollow" href

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

Can't compile Elm file about elm-brunch HOT 4 CLOSED

mickeyvip commented on May 30, 2024

Can't compile Elm file

from elm-brunch.

Comments (4)

mickeyvip commented on May 30, 2024 1

Maybe it's worth to mention this in the docs? Or did I miss this?

from elm-brunch.

mickeyvip commented on May 30, 2024

Found 1 of my problems - mainModules should be an array.

Now the file compiles:

But when requiring it - it gets only an empty object:

from elm-brunch.

madsflensted commented on May 30, 2024

Good to hear that you solved the compilation problem. Beware that the elm brunch plugin does not pass the generated code on down the brunch pipeline, as other to-js-transpilers do. So you will need to either include the generated js in your html use other means to get it into the main bundle.

from elm-brunch.

mickeyvip commented on May 30, 2024

@madsflensted , thank you.

Following your advice, I have added <script src="js/main.js"></script> to the index.html:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Simple Brunch Demo</title>
    <link rel="stylesheet" href="app.css" />
  </head>

  <body>
    <main id="root"></main>
    <h1>
      Brunch
      <small>• A simple demo</small>
    </h1>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
    <script src="libraries.js"></script>
    <script src="js/main.js"></script>
    <script src="app.js"></script>
    <script>
      require('application').init();
    </script>
  </body>
</html>

removed the const Elm = require('./elm/Main.elm'); from the application.js.

'use strict';
const Greeter = require('./greeter');
const App = {
  init() {
    console.log('App initialized.');
    const g = new Greeter();
    g.greet();
    Elm.Main.init({ node: document.getElementById('root') });
  },
};

module.exports = App;