SyntaxError: import declarations may only appear at top level of a module

16 This question already has answers here: ES2015 import doesn’t work (even at top-level) in Firefox (8 answers) Closed 2 years ago.

I am trying to use a plugin called “Simplebar” found on GitHub, GitHub SimpleBar but after downloading the scripts and looking at the simple.js script, it looks like it has an error “SyntaxError: import declarations may only appear at top level of a module”

At the top of the simplebar.js file there are some import lines of code:

import scrollbarWidth from 'scrollbarwidth'
import debounce from 'lodash.debounce'

import './simplebar.css'

If I look in my browser debugger I see an error: “SyntaxError: import declarations may only appear at top level of a module”.

Has anyone tried to us this plugin.

Many thanks in advance for your time.

Related Posts:

  1. Can I use complex HTML with Twitter Bootstrap’s Tooltip?
  2. How do I redirect to another webpage?
  3. Invariant Violation: Objects are not valid as a React child
  4. How to get all place details from a Place Details Request using Google Places API Web Service?
  5. How do I check whether a checkbox is checked in jQuery?
  6. SyntaxError: Unexpected token o in JSON at position 1
  7. What does the function then() mean in JavaScript?
  8. How can I merge properties of two JavaScript objects dynamically?
  9. Heroku: “No default language could be detected for this app” error thrown for node app
  10. Loop inside React JSX
  11. Can’t resolve module (not found) in React.js
  12. Invalid shorthand property initializer
  13. nodejs – error self signed certificate in certificate chain
  14. How do I loop through or enumerate a JavaScript object?
  15. Getting Unexpected Token Export
  16. Setting a backgroundImage With React Inline Styles
  17. Filter array to have unique values
  18. What’s the difference between “Array()” and “[]” while declaring a JavaScript array?
  19. Mouseover & Mouseout w/ Javascript
  20. Format JavaScript date as yyyy-mm-dd
  21. Programmatically change the src of an img tag
  22. Unable to preventDefault inside passive event listener
  23. JavaScript variable assignments from tuples
  24. jQuery $.cookie is not a function
  25. Scroll Automatically to the Bottom of the Page
  26. npm WARN … requires a peer of … but none is installed. You must install peer dependencies yourself
  27. How do I check if string contains substring?
  28. What does “export default” do in JSX?
  29. Cannot find module ‘internal/fs’ after upgrading to node 7
  30. How can I select an element by name with jQuery?
  31. How can I group data with an Angular filter?
  32. Async/await in componentDidMount to load in correct order
  33. Dynamically load JS inside JS
  34. Tainted canvases may not be exported
  35. Error: Cannot find module html
  36. Is it possible to append to innerHTML without destroying descendants’ event listeners?
  37. How to sort an object array by date property?
  38. React router not showing browser history
  39. How to define DO NOTHING in JavaScript
  40. How to get the difference between two arrays in JavaScript?
  41. What happened to Lodash _.pluck?
  42. Simplest/cleanest way to implement a singleton in JavaScript
  43. Extract hostname name from string
  44. How to connect signalR from angularJs
  45. How can I copy to clipboard in HTML5 without using flash?
  46. how to get the value of a textarea in jquery?
  47. Maximum call stack size exceeded on npm install
  48. What counts as CPU Intensive tasks (eg. sorting, searching etc?)
  49. HTML make text clickable without making it a hyperlink
  50. Uncaught ReferenceError: React is not defined
  51. How to get the browser viewport dimensions?
  52. Getting HTML form values
  53. How to run a function when the page is loaded?
  54. RegEx: How can I match all numbers greater than 49?
  55. Multiple left-hand assignment with JavaScript
  56. Disabled href tag
  57. How to get child element by class name?
  58. TypeError getElementsByTagName is not a function issue
  59. Creating Accordion Table with Bootstrap
  60. Creating Multiple Modals on a Single Page
  61. jQuery checkbox checked state changed event
  62. Javascript, viewing [object HTMLInputElement]
  63. Why onbeforeunload event is not firing
  64. etect the Enter key in a text input field
  65. Uncaught SyntaxError: Unexpected end of JSON input at JSON.parse ()
  66. What’s the equivalent of Java’s Thread.sleep() in JavaScript?
  67. What do the args for Gutenberg subpackage “hooks” function “doAction” mean?
  68. How do I fire a snackbar notice in admin?
  69. Insert shortcode in post editor from javascript (Visual / HTML)
  70. Block editor: How to check if block editor has initialized and populated the data store?
  71. Contact Form 7 – Give each checkbox a class?
  72. is_page not working when loading javascript with add_action in functions.php
  73. Hide reply button after moveForm is called
  74. Detect When User Reads Full Article? [closed]
  75. How to add custom javascript into from custom plugin
  76. remove inline scripts from the_content() produced by plugins?
  77. How to set callback to execute after all the tinyMCE editors have been initialized?
  78. How to add classes and events to image in javascript using Gutenberg?
  79. Correctly enqueue scripts of type=text/paperscript (PaperJs Library)
  80. useSelect second parameter
  81. Javascript in wordpress
  82. How do I make my wordpress post appear in a mouse hover preview?
  83. Do I just put the html in a page when enqueueng or do I also have to reference js file from the html page [closed]
  84. How to inherit custom javascript from parent to child pages?
  85. jQuery UI Tools: Scrollable: More than 1 instance possible?
  86. imporing HTML+javascript from REST API
  87. how to add a custom javascript file to our theme
  88. Check if user can in javascript
  89. Why does my array sort order changes when I pass it to JS using WP_REST_Response?
  90. WordPress Guternberg Content For React Native
  91. Custom block update rendering when reused
  92. VisualComposer/WPBakery Page Editor: Is any JS event triggered after the Edition pop-in is shown?
  93. How do I add my own scripts to the add_action(‘wp_enqueue_scripts’) function?
  94. Post title and url not showing on google map marker [closed]
  95. Including js script at end of header
  96. contact form 7 javascript and wpcf7_before_send_mail action
  97. Trigger a function during onload
  98. Embed Kajabi into WP
  99. Google AdSense Ad not showing up in WordPress Blog [closed]
  100. Use add_action to run a script, but only on the post editor page

Leave a Comment