# Javascript Plugin kann im Theme nicht geladen werden

**URL:** https://forum.shopware.com/t/javascript-plugin-kann-im-theme-nicht-geladen-werden/68242
**Category:** Themes & Design
**Created:** [9. Juli 2020 um 11:06 UTC](https://forum.shopware.com/t/javascript-plugin-kann-im-theme-nicht-geladen-werden/68242 "2020-07-09T11:06:58Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![TassiloDietze](https://avatars.discourse-cdn.com/v4/letter/t/43a26b/32.png) [@TassiloDietze](https://forum.shopware.com/u/TassiloDietze)
#### Post date: [9. Juli 2020 um 11:06 UTC](https://forum.shopware.com/t/javascript-plugin-kann-im-theme-nicht-geladen-werden/68242/1 "2020-07-09T11:06:58Z")

</div>

Hallo,

ich habe in meinem Theme ein JS Plugin anhand der [Doku](https://docs.shopware.com/en/shopware-platform-dev-en/theme-guide/javascript?category=shopware-platform-dev-en/theme-guide)erstellt und in meiner main.js geladen, funktioniert auch alles wenn ich ./psh.phar storefront:hot-proxy mache sobald ich aber build mache funktioniert es nicht mehr und in der Console kommt:

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

```

ich habe auch schon versucht in der theme.json meinen script Pfad zu entfernen dann wird aber die main.js nicht mehr geladen.

&nbsp;

Theme.json

```
{
  ...
  "style": [
    "app/storefront/scss/overwrite.scss",
    "app/storefront/scss/variables.scss",
    "@Storefront",
    "app/storefront/scss/base.scss"
  ],
  "script": [
    "@Storefront",
    "app/storefront/src/main.js"
  ],
  ...
}

```

&nbsp;

main.js

```
import IdmCheckoutChange from './idm-checkout-change/idm-checkout-change.plugin';

const PluginManager = window.PluginManager;
PluginManager.register('IdmCheckoutChange', IdmCheckoutChange);

console.log('HELLO');

if (module.hot) {
    module.hot.accept();
}

```

&nbsp;