Title: WordPress Import Node-modules with javascript problem
Last modified: January 2, 2021

---

# WordPress Import Node-modules with javascript problem

 *  [ilfedevisio](https://wordpress.org/support/users/ilfedevisio/)
 * (@ilfedevisio)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/wordpress-import-node-modules-with-javascript-problem/)
 * Hi, I’m having trouble with some javascript and CROSS policy.
    I need to import
   modules in javascript to extend some functionalities of Tone.js, a javascript
   library I want to use. I have one “import.js” file, with the following code: `
   import {Context} from './node_modules/tone';` The folder “node_modules” is inside
   my js folder with the import.js file too. I used “wp_enqueue_script” in functions.
   php to load the import.js file, and I used a filter to add the `type="module"`
   to the script tag. But, on loading, I got this error in console: “Access to script
   has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present
   on the requested resource.”
 * What have I to do here to correctly import it?

Viewing 2 replies - 1 through 2 (of 2 total)

 *  [Dani Llewellyn](https://wordpress.org/support/users/diddledani/)
 * (@diddledani)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/wordpress-import-node-modules-with-javascript-problem/#post-13856238)
 * A browser will emit a CORS policy error like you have seen when you are attempting
   to load a javascript file off a different hostname to the one being shown in 
   your browser. For example, if you navigate to [https://example.com](https://example.com)
   your browser will emit a CORS error if you try to load a javascript file from
   [https://another.example.net](https://another.example.net) because the hostnames
   differ indicating they are different sites. This is a cross-site-scripting mitigation.
   To fix you need to either ensure that your javascript files are all loaded from
   the same hostname as the page being displayed or to ensure that the javascript
   files are sent from their origin server with a header indicating that your site
   is allowed to access them. The header in the latter case is `Access-Control-Allow-
   Origin` and must be set to the hostname of the page loading the javascript.
 *  Thread Starter [ilfedevisio](https://wordpress.org/support/users/ilfedevisio/)
 * (@ilfedevisio)
 * [5 years, 4 months ago](https://wordpress.org/support/topic/wordpress-import-node-modules-with-javascript-problem/#post-13856272)
 * Yeah I know, but the problem is that all the files are in the same folder on 
   the same local server. The error is showing this:
    `http://mysite.local:10003/
   wp-content/themes/projectsite/js/node_modules/tone/` redirected from `http://
   mysite.local/wp-content/themes/projectsite/js/node_modules/tone`
 * is this a problem because i’m working on local server?

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘WordPress Import Node-modules with javascript problem’ is closed to new
replies.

 * In: [Developing with WordPress](https://wordpress.org/support/forum/wp-advanced/)
 * 2 replies
 * 2 participants
 * Last reply from: [ilfedevisio](https://wordpress.org/support/users/ilfedevisio/)
 * Last activity: [5 years, 4 months ago](https://wordpress.org/support/topic/wordpress-import-node-modules-with-javascript-problem/#post-13856272)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics