如何使用SvelteKit
在 CodePen 上，
在瀏覽器控制臺中，我收到以下訊息：
THREE.Material: 'vertexColors' parameter is undefined.
我像這樣安裝了 Vanta JS 和 Three.js，
npm install -D vanta
npm install -D three
uj5u.com熱心網友回復：
在 SvelteKit 中，您需要確保代碼僅在客戶端上運行。使用onMount或更好的是，為您提供節點的操作。
您還必須將 Three.js 模塊作為屬性提供給 Vanta，并且應該直接從以下位置匯入所需的效果vanta/dist：
<script>
import * as THREE from 'three';
import NET from 'vanta/dist/vanta.net.min';
function vanta(node) {
NET({
el: node,
THREE: THREE,
color: 0x000000,
})
}
</script>
<div use:vanta/>
uj5u.com熱心網友回復：
渲染問題是由 Vanta JS 和 Three.js 之間的版本不匹配引起的。
三.Material：“vertexColors”引數未定義。
在寫作的這一刻，
- Vanta JS 版本是 0.5.24
- 此錯誤來自大于 0.140.2 的 Three.js 版本（閱讀此執行緒）。
因此我不得不像這樣強調 Three.js 版本。
npm install -D [email protected]
結果，在 SvelteKit webapp 上的渲染變得與 CodePen 示例完全相同。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/522786.html