Setup for elm in phoenix 1.3.0-rc directory structure

I am using 1.3-rc.0. I have this directory structure:

assets/
    elm-package.json
    package.json
    brunch-config.js
    js/
    css/
    elm/
        Main.elm

I have elm, elm-css, elm-brunch, and elm-css-brunch installed:

npm install elm elm-css elm-brunch elm-css-brunch --save-dev

Here’s my brunch config (note I am also using elm-css):

Thanks to dustinfarris for the example brunch file.

I updated my example elm/phoenix 1.3 project in GitHub.
see: mwindholtz/hello_elm/blob/master/assets/brunch-config.js

It looks better than before, but still two issues:
(1) Page console now shows … Error: Cannot find module ‘js/app’ from ‘/’
(2) I still needed to hardcode the full path to executablePath

So something is still off base with the pathing.
Suggestions accepted.

ref: https://github.com/mwindholtz/elm_phoenix_1_3

I have my elm folder in the directory my_app/lib/my_app/web/elm.

I’m not using elmCss. The only 2 parts of my brunch config I changed that were relevant to elm are:

paths: {
    watched: ["static", "css", "js", "vendor", "../lib/my_app/web/elm"],
    ...

and

plugins: {
    babel: {
      ...
    },
    elmBrunch: {
      elmFolder: "../lib/my_app/web/elm",
      mainModules: ["Main.elm"],
      outputFolder: "../../../../assets/js",
      outputFile: 'elm.js',
      makeParameters: ["--warn"]
    }

I should probably move my elm folder to my_app/assets/elm like @dustinfarris though .

And at the top of my_app/assets/js/app.js I have import Elm from './elm.js';

Don’t see why but something is calling
/js/elm/elm-stuff/packages/elm-lang/virtual-dom/2.0.4/tests/TestMain.elm

TestMain.elm ?

I have my elm folder in the my_app/lib/my_app/web/elm as well.
Should we really move it to my_app/assets/elm ?

Anyhow I tried both locations and my Elm application disappeared
I mean when I visit wanted web page I can only see blank web page.

What should I check more?

The js console in your web browser might have some clues as to why you have a blank page.

I’d say just keep your elm folder at whatever location works for you for now as things still seem liable to change.

Maybe you missed a configuration step when trying to change the directory?

Do you have something like “main module” in the brunch config? If so, probably you should update it with your own main module

Console says Error: There are two Elm modules called Main on this page! Rename one of them.

It is app.js that is complaining.

What should I check? In app.js I have just two lines for Elm:
const elmDiv = document.getElementById(‘elm-main’)
, elmApp = Elm.Main.embed(elmDiv)

I have moved elm back to lib/my_app/web/elm
In my brunch-config.js I have
watched: [“static”, “css”, “js”, “vendor”, “../lib/my_app/web/elm”],

elmBrunch: {
elmFolder: “../lib/my_app/web/elm”,
mainModules: [“Main.elm”],
outputFolder: “../vendor”,
makeParameters: [“–warn”]
}

It seems like Elm can be compiled
Elm compile: Main.elm, in ../lib/my_app/web/elm, to ../vendor/main.js

But still page is blank and now console says:
Error: Cannot find module ‘js/app’ from ‘/’

I’ll keep searching but perhaps someone has a suggestion for me. Thanks.

I have updated Brunch dependencies now and it seems that solved my problem.

I used package.json from new created Phoenix application.