Блог

Я пытаюсь использовать Shepard.js для моего веб-приложения.

Я установил пакет с помощью:

 npm install shepherd.js --save
 

И я вижу папку в node_modules папке в каталоге моего веб-приложения:

 /Users/xxx/Desktop/Coding/anybody/anybody1/node_modules/shepherd.js
 

Я также проверил, что у меня есть node.js установлено, что я и делаю.

Когда я пытаюсь следовать части использования документов Shepard и добавить ее в свой js-файл, я получаю эту ошибку:

 Uncaught SyntaxError: Cannot use import statement outside a module
 

Вот как я добавил его в свой файл .js:

 import Shepherd from 'shepherd.js';

const tour = new Shepherd.Tour({
  defaultStepOptions: {
    classes: 'shadow-md bg-purple-dark',
    scrollTo: true
  }
});

tour.addStep({
  id: 'example-step',
  text: 'This step is attached to the bottom of the <code>.example-css-selector</code> element.',
  attachTo: {
    element: '#vygr-nav',
    on: 'bottom'
  },
  classes: 'example-step-extra-class',
  buttons: [
    {
      text: 'Next',
      action: tour.next
    }
  ]
});

tour.start();
 

Я не совсем уверен, что я делаю не так — я впервые устанавливаю библиотеку на JavaScript.

Заранее спасибо за любую помощь