"Three.js 多維數據集打包后不渲染 – Webpack、Wordpress"

Question

我正在嘗試通過 webpack 將 three.js 與 wordpress 集成。 問題是，3d 立方體沒有出現在畫布內。

<div class="div" id="canvas"></div>

Answer 1

根據您的評論，您將腳本包含在 head 標簽中，只需將其移動到正文的末尾（頁腳）。

您無法看到任何內容，因為您的腳本試圖獲取當時尚存在的 canvas 元素。 通過將您的腳本移到最后，您可以確保您的頁面在腳本運行之前已經呈現。

使用 WordPress，您可以：

wp_enqueue_script( 'jakubtrz-portfolio-scripts', get_template_directory_uri() . '/dist/app.js', array(), false, true );