<turbo-stream action="append" target="posts_list"><template>    <div class="postbit" id="335476" data-post-id="335476">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="Wojciech" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/Wojciech/120/31135_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  Wojciech
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>aaand it works, it seems all i had to do is replace:<br>
<code>node build.js --deploy --prefix assets</code><br>
with:<br>
<code>cmd --cd assets node build.js --deploy</code><br>
and while i still receive some error regarding css the app compiles and runs.</p>
<p>Now i’m left with only one error:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">web-1    | 13:54:41.894 request_id=F-V5MIiDS_IkfdAAAADi [info] GET /assets/app.css
web-1    | 13:54:41.895 request_id=F-V5MIiDS_IkfdAAAADi [info] Sent 404 in 227µs
</code></pre>
<p>I tried to remove <code>"tailwind default --minify"</code> so it matches example project and replacing it with <code>tailwind default --minify --output ./priv/static/assets/app.css</code>, the first solution haven’t caused any changes and the second one worked only partially as the default tailwind classes were applied but styles specified on my pages weren’t applied.</p>
<p>I ran <code>cat</code> on <code>assets/css/app.css</code> after <code>RUN mix assets.deploy </code> and i got this:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">@import "tailwindcss/base";
@import "tailwindcss/components";
@import "tailwindcss/utilities";
</code></pre>
<p>It seems that that those imports should’ve been replaced with actual classes which happens after doing <code>tailwind default --minify --output ./priv/static/assets/app.css</code> so it may actually be a solution to this problem, it made even more sense when i noticed this error:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">warn - No utility classes were detected in your source files. If this is unexpected, double-check the content option in your Tailwind CSS configuration.
warn - https://tailwindcss.com/docs/content-configuration
</code></pre>
<p>I expected <code>tailwind.config.js</code> misconfiguration which causes some of the files not being detected by tailwind but it seems fine:</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">content: [
    "./js/**/*.js",
    "../lib/justrunit_web.ex",
    "../lib/justrunit_web/**/*.*ex",
    "./svelte/**/*.svelte"
  ],
</code></pre> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="335476" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/doing-mix-assets-deploy-after-integrating-livesvelte/64985/12">Post #11</a>
	                </div>
	            </div>
              <div id="likers-container-335476" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="335476"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #11"></div>
  </section>
</div>
    <div class="postbit" id="335480" data-post-id="335480">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="rhcarvalho" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/rhcarvalho/120/32243_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  rhcarvalho
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Uhuuu! Super! <img src="https://forum.elixirforum.com/images/emoji/apple/rocket.png?v=15" title=":rocket:" class="emoji" alt=":rocket:" loading="lazy" width="20" height="20"> Almost there!</p>
<p>By any chance, is your project open source?</p>
<p>Is the tailwind config file inside the assets directory?</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="335480" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/doing-mix-assets-deploy-after-integrating-livesvelte/64985/13">Post #12</a>
	                </div>
	            </div>
              <div id="likers-container-335480" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="335480"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #12"></div>
  </section>
</div>
    <div class="postbit" id="335485" data-post-id="335485">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="Wojciech" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/Wojciech/120/31135_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  Wojciech
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<aside class="quote no-group" data-username="rhcarvalho" data-post="13" data-topic="64985">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/rhcarvalho/48/32243_2.png" class="avatar"> rhcarvalho:</div>
<blockquote>
<p>By any chance, is your project open source?</p>
</blockquote>
</aside>
<p>I’m building something similar to <a href="https://codesandbox.io/" rel="noopener nofollow ugc">codesandbox.io</a> and i was planning to make it source-available self-hosted alternative but i haven’t yet found an appropriate license.</p>
<aside class="quote no-group" data-username="rhcarvalho" data-post="13" data-topic="64985">
<div class="title">
<div class="quote-controls"></div>
<img alt="" width="24" height="24" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/rhcarvalho/48/32243_2.png" class="avatar"> rhcarvalho:</div>
<blockquote>
<p>Is the tailwind config file inside the assets directory?</p>
</blockquote>
</aside>
<p>It is there</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="335485" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/doing-mix-assets-deploy-after-integrating-livesvelte/64985/14">Post #13</a>
	                </div>
	            </div>
              <div id="likers-container-335485" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="335485"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #13"></div>
  </section>
</div>
    <div class="postbit" id="335630" data-post-id="335630">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="Wojciech" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/Wojciech/120/31135_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  Wojciech
                    <span class="op-star" title="Thread Starter">
                      <img alt="OP" class="op-star-icon" src="/assets/thread-icons/thread-icon-thread-starter-df91e872.png" />
                    </span>
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Source code of my project is now available on github if you want to take a look.<br>
<a href="https://github.com/justrundotit/justrunit" class="onebox" target="_blank" rel="noopener nofollow ugc">https://github.com/justrundotit/justrunit</a></p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="335630" data-batch-url="/posts/batch_likers">
                        0
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/doing-mix-assets-deploy-after-integrating-livesvelte/64985/15">Post #14</a>
	                </div>
	            </div>
              <div id="likers-container-335630" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="335630"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-standard-post cat-standard-post" title="Post #14"></div>
  </section>
</div>
    <div class="postbit" id="335698" data-post-id="335698">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="rhcarvalho" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/rhcarvalho/120/32243_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  rhcarvalho
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>Hi Wojciech, I think you need to change this line <a href="https://github.com/justrundotit/justrunit/blob/4b5b9684d9ab14d946feb173b8b00b6f1a191a87/mix.exs#L94" class="inline-onebox" rel="noopener nofollow ugc">justrunit/mix.exs at 4b5b9684d9ab14d946feb173b8b00b6f1a191a87 · justrunitdotapp/justrunit · GitHub</a></p>
<p>to</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">tailwind justrunit --minify
</code></pre>
<p>That’s to match your config in <a href="https://github.com/justrundotit/justrunit/blob/4b5b9684d9ab14d946feb173b8b00b6f1a191a87/config/config.exs#L35-L44" class="inline-onebox" rel="noopener nofollow ugc">justrunit/config/config.exs at 4b5b9684d9ab14d946feb173b8b00b6f1a191a87 · justrunitdotapp/justrunit · GitHub</a>.</p>
<p>The new app template has changed somewhat recently from the “default” profile to use the name of the app (<a href="https://github.com/phoenixframework/phoenix/pull/5683" class="inline-onebox" rel="noopener nofollow ugc">Use umbrella apps names instead of "default" by agonzalezro · Pull Request #5683 · phoenixframework/phoenix · GitHub</a>, oh well 7 months ago).</p>
<p>I wish that will be the last step to get it working. Good luck with your app!</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="335698" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/doing-mix-assets-deploy-after-integrating-livesvelte/64985/16">Post #15</a>
	                </div>
	            </div>
              <div id="likers-container-335698" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="335698"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-solved cat-solved" title="Marked as solution"></div>
  </section>
</div>
    <div class="postbit" id="335969" data-post-id="335969">
  <section>
    <div class="post-wrap">


					<div class="post-header">
		        <div class="user-avatar">
		          <img alt="AlmAnderson" src="https://forum.elixirforum.com/user_avatar/forum.elixirforum.com/AlmAnderson/120/35390_2.png" width="120" height="120" />
		        </div>
					
						<div class="user-details">
		          <div class="user-name">
		            <h3>
                  AlmAnderson
                  </h3>
		          </div>
						
						</div>
					
					</div>

	        <div class="thread-main">
	            <div class="post-body" data-turbo="false">
								<p>I’m having a similar issue trying to deploy to <a href="http://fly.io" rel="noopener nofollow ugc">fly.io</a> using livesvelte.</p>
<p>It’s breaking on the same step, mix assets.deploy</p>
<p>I get a different error, I’m hoping others have seen this because I’ve triple-checked every setting I can find and still get it.</p>
<pre data-code-wrap="elixir"><code class="lang-elixir">Rebuilding...

Done in 235ms.
✘ [ERROR] Could not resolve "../svelte/**/*.svelte"

    js/app.js:25:28:
      25 │ import * as Components from "../svelte/**/*.svelte"
         ╵                             ~~~~~~~~~~~~~~~~~~~~~~~

✘ [ERROR] No loader is configured for ".svelte" files: svelte/Header.svelte

    js/svelte-entry.js:2:28:
      2 │ import HeaderComponent from '../svelte/Header.svelte';
        ╵                             ~~~~~~~~~~~~~~~~~~~~~~~~~

✘ [ERROR] No loader is configured for ".svelte" files: svelte/Sidebar.svelte

    js/svelte-entry.js:1:29:
      1 │ import SidebarComponent from '../svelte/Sidebar.svelte';
        ╵                              ~~~~~~~~~~~~~~~~~~~~~~~~~~

3 errors
</code></pre>
<p>UPDATE:<br>
Replacing the command:<br>
mix assets.deploy</p>
<p>With this command:<br>
mix cmd ‘cd assets &amp;&amp; node build.js --deploy’</p>
<p>Seems to fix the problem. I had to update my dockerfile to use this command as well.</p> 
	            </div>

	            <div class="base-line">
	                <div class="thread-counters">
	                    <span class="thread-count count-likes js-likers-trigger" title="Likes" data-post-id="335969" data-batch-url="/posts/batch_likers">
                        1
                      </span>
                      <!-- <span class="thread-count js-solved-indicator" title="Marked as solution"></span> -->
	                </div>
	                <div class="go-to-post">
	                  <a title="Go to post" alt="Go to post" href="https://forum.elixirforum.com/t/doing-mix-assets-deploy-after-integrating-livesvelte/64985/17">Post #16</a>
	                </div>
	            </div>
              <div id="likers-container-335969" 
                   class="likers-container"
                   data-first-post="false"
                   data-batch-url="/posts/batch_likers">
                   <div class="likers-placeholder" 
                     data-likers-post-id="335969"
                     data-batch-url="/posts/batch_likers">
                  <div class="post-likers"></div>
                </div>
              </div>
	        </div>
			

    </div>

    <div class="triangle-top-right type-last-post cat-last-post" title="Last post!"></div>
  </section>
</div>
</template></turbo-stream><turbo-stream action="replace" target="load-more-container"><template><div id="load-more-container" class="load-more-container">
    <span class="all-loaded">— All posts loaded —</span>
</div></template></turbo-stream>