Open spimou opened 1 year ago
Pannellum isn't an ES6 module, so you can't import it like one. You can either use a <script>
tag, as is used in all of the examples, or use import 'pannellum';
(or you might need import 'pannellum.js';
or import 'path/to/pannellum.js';
, depending on how you have things set up).
This worked for me
useLayoutEffect(() => {
pannellumContainer.current = window.pannellum.viewer(pannellumContainer.current, {
type: 'equirectangular',
panorama: pano
});
return () => {
pannellumContainer.current.destroy()
}
}, []);
Also, as @mpetroff mentioned, pannellum should be imported as import 'pannellum';
I want to use pannellum 2.5.6 inside react 18.2.0. Here is my code so far
I get
caught TypeError: pannellum__WEBPACK_IMPORTED_MODULE_1__.viewer is not a function
errorI have tried several alternatives, like
const viewer = new pannellum.viewer(pannellumContainer.current, {
and I getcaught TypeError: pannellum__WEBPACK_IMPORTED_MODULE_1__.viewer is not a constructor
errorI tried replacing viewer with Viewer, same errors reffering to Viewer
I tried importing like so
import { Viewer } from 'pannellum'
and then using it like soconst viewer = Viewer(pannellumContainer.current, {
I get the samecaught TypeError: (0 , pannellum__WEBPACK_IMPORTED_MODULE_1__.Viewer) is not a function
errorI also tried using useRef to set Viewer like so : import it
import { Viewer } from 'pannellum'
, set useRefconst v = useRef(null);
and in the useEffectv.current = new Viewer(pannellumContainer.current, {
and I get thecaught TypeError: pannellum__WEBPACK_IMPORTED_MODULE_1__.Viewer is not a constructor
errorHow can I fix this?