Installation d'un package via npm
Bonjour,
Voilà, je suis coincé au tout début d'un cours portant sur la librairie three.js ( librairie dédiée à la 3D). Je veux installer three.js via npm.
J'ai exécuté à la lettre les instrcutions disponibles ici:
Discover three.js
https://discoverthreejs.com
J'ai donc appliqué:
npm init
npm install --save three.js.
Je vois bien un dossier node-modules dans mon projet avec three.js dedans ( je ne peux pas coller de capture d'écran).
Voici mon code basique juste pour tester l'installation:
HTML:
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
| <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>test three.js</title>
</head>
<body>
<div id="three-container">
<canvas></canvas>
</div>
</body>
<script type="module" src="script.js"></script>
</html> |
Js:
Code:
1
2
3
4
| import {Camera} from 'three'
const container = document.getElementById('three-container');
console.log(container); |
Voilà: mon navigateur, lancé via live server depuis vs code, me dit qu'il n'accède pas au module three.js. Plus précisément, j'ai ça:
Citation:
Uncaught TypeError: Error resolving module specifier “three”. Relative module specifiers must start with “./”, “../” or “/”.
A noter que, dans la doc, il est bien noté d'importer directement ainsi: import {Camera} from 'three'
Veuillez me croire lorsque je vous dis que je cherche déjà depuis mal de temps. C'est sans doute une erreur idiote mais je ne vois pas.
Merci d'avance pour votre aide.
