Fehlerbehebung: Warum funktioniert meine ThreeJS-Installation in Laravel nicht richtig?

Question

Zuallererst weiß ich, dass Laravel ein PHP-Framework ist und nichts mit dem Frontend (JavaScript) meiner Anwendung zu tun hat. Aber Laravel bietet die Möglichkeit, Webpack zu verwenden, das für Node-Module und andere Javascript-Sachen verwendet werden kann, wenn ich es richtig mache..

Was ich bisher gemacht habe:

Installieren Sie ThreeJS mit dem Befehl:

npm install three

Besser als die Ausführung

npm run dev

Danach habe ich die Bibliothek wie folgt in die app.js-Datei im Laravel-Ressourcenordner eingefügt:

var THREE = require('three');

(Ich habe versucht, es einzuschließen, ohne es einer Variablen zuzuweisen, aber das schien nicht zu funktionieren, also habe ich einfach getan, was mir eine Google-Recherche gesagt hat)

Ich habe npm run dev erneut ausgeführt und die Bibliothek wurde in die gepackte app.js im public/js/-Pfad des Projekts aufgenommen. Alles scheint in Ordnung zu sein. Ich habe die Datei app.js in die Ansicht eingefügt und den Skriptattributtyp auf „Modul“ gesetzt. Aber jetzt, wenn ich versuche, Threejs über zu importieren import * as THREE from '三';

In meinem Fall heißt es, dass das Modul nicht gefunden werden kann. Ich weiß, dass ich den Inhalt von ThreeJS im Ordner „node_modules“ in meinen öffentlichen Pfad-JS-Ordner kopieren kann, aber ich möchte ihn als Knotenmodul behalten. Irgendwelche Vorschläge?

Answer 1

我现在感觉超级愚蠢，但添加一个 window.THREE 而不是 var Three 不知何故解决了这个问题..无论如何，感谢您的帮助和时间！