How to dynamically pass a path to inrequire Javascript

Question

I am trying to set require() with a dynamic path myPath :

let myPath = './myDynamicModule';
require( { myPath } )

but I keep getting the error :

error: bundling failed: myComponent.js: myComponent.js:Invalid call at line 9: require({
  myPath: myPath
})

What am I doing wrong?

Thank you all in advance.

UPDATE

import React, { Component } from 'react';

const ComponentIndex = ({ myModule }) => {
    const myPath = '../modules/' + myModule;

    RevRetComponent = require(revPath).default;

    return <RevRetComponent />;
}

export default ComponentIndex;

`require` accepts a *string* as a parameter, not an object, right? — CertainPerformance, Jan 06 '20 at 05:40
Thank you for the reply @certainperformance `myPath` is a place holder for a `String`, that is `let myPath = './myDynamicModule';` — Program-Me-Rev, Jan 06 '20 at 05:46
So, try just passing that string to `require`, instead of wrapping it in an object? — CertainPerformance, Jan 06 '20 at 05:46
The string is dynamically defined at runtime. I am receiving it within a function as a parameter. `require( { myPath } )` and `require(myPath)` yield the same errors. — Program-Me-Rev, Jan 06 '20 at 05:48
Sure, so try just passing that string to `require`, instead of wrapping it in an object? — CertainPerformance, Jan 06 '20 at 05:49
Does this answer your question? [ES6: Conditional & Dynamic Import Statements](https://stackoverflow.com/questions/35914712/es6-conditional-dynamic-import-statements) — Emile Bergeron, Jan 06 '20 at 05:54

score -3 · Answer 1 · edited Jan 08 '20 at 06:54

-3

Try importing path in this way

const path = '../imports/modules/core/startup/client';
import path;

edited Jan 08 '20 at 06:54

sud007

5,824
4
56
63

answered Jan 06 '20 at 05:49

Jhone White

1
1

How to dynamically pass a path to inrequire Javascript

1 Answers1