Can a dynamic import from a Node module be exported?

I have developed an npm package that utilizes a dynamic import(). This package is written in TypeScript and compiled with the module: "esnext" compiler option, which means the import() call remains unchanged in the output.

The expectation was to load this module into an application where the import call (

import('cross-fetch').then(/* ... */)
) would be resolved automatically.

However, despite using Create React App to bootstrap the application (which includes various polyfills), I am encountering the following error:

Error: Cannot find module 'cross-fetch'

Is it currently feasible for a client-side application to resolve dynamic imports from one of its dependencies to another Node module? If so, what bundles should be used and how should the configuration be done?

javascripttypescriptcreate-react-approllupjsdynamic-import

Answer №1

After some exploration, I discovered that it is indeed achievable; however, it is crucial for the module name to be a static string instead of an expression. This will ensure that Webpack can effectively resolve it.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What is the best way to display the current scroll percentage value?

I'm trying to update this code snippet import React from 'react' const App = () => { function getScrollPercent() { var h = document.documentElement, b = document.body, st = 'scrollTop', sh = 'scrollHeight ...

javascriptreactjsanimationscroll

MikroORM - Conditional join without foreign key constraints on the ID

I came across a rather peculiar database schema that includes a jsonb field with userId and userType attributes, along with two different user tables for distinct user types. The selection of the table to join based on the userType is crucial. Although I ...

typescriptmikro-orm

What steps can be taken for TypeScript to identify unsafe destructuring situations?

When working with TypeScript, it's important to prevent unsafe destructuring code that can lead to runtime errors. In the example below, trying to destructure undefined can cause a destructuring error. How can we ensure TypeScript does not compile suc ...

typescriptobject-destructuring

What sets apart the two syntaxes for JavaScript closures?

Similar Query: Is there a distinction between (function() {…}()); and (function() {…})();? I've come across a way to prevent variables from becoming global by using the following syntax: (function ($, undefined) { })(jQuery); Rec ...

javascriptjqueryjquery-plugins

Generate a text string by choosing options from a form

Greetings! I have a form for creating a file, where the file name is determined by user selections. It's similar to "display text as you type" mentioned here, but my form includes radio buttons in addition to a textbox. For example: Textbox: "Name gi ...

javascriptjqueryformsjquery-selectors

What are the best tools to develop a browser-based 2D top-down soccer simulation?

I'm looking to create a 2D top-down soccer simulation game for web browsers using modern technologies and without the need for additional plugins like Flash or Silverlight, making it compatible with mobile devices as well. The game will be AI-controll ...

phpjavascripthtmlnode.jswebsocket

Angular displaying a blank screen, even though the complete dataset is available

I am currently working on my first website using Angular and I've encountered a problem. When I click on 'view project', it should return the data specific to that item. The strange thing is, when I log my JavaScript console, I can see all t ...

javascriptjqueryangularjs

What could be the reason for the input.autocomplete feature failing to erase the existing history in my form? (HTML/JS)

const form = document.querySelector("#contact-form"); const feedback = document.querySelector(".feedback"); const patternName = /^[a-z A-Z]{3,25}$/; form.addEventListener("submit", (e) => { e.preventDefault(); const firstn ...

javascripthtml

Attempting to automate the process of clicking a button on a webpage using cefsharp

Hello, I am currently working with cefsharp and vb.net to develop a code that will help me navigate to the next page of a specific website. The website link is: https://www.recommendedagencies.com/search#{} My goal is to extract the list of company names ...

javascripthtmlcefsharp

What makes the ng-file-upload Upload service so special?

Why do I need to use the Upload service with ng-file-upload in this specific way? Upload.upload({ url: '/postMyFormHere', data: { fileToUpload: model.file, someField1: model.field1, someField2: model.field2, ...

javascriptangularjsexpressmulterng-file-upload

Displaying JSON data with dynamic color changes in an HTML table: A comprehensive guide

Scenario: I am currently working on a project where I need to fetch data from an external json file, parse it, and then dynamically add it to an HTML table using the footable jQuery plugin. Question: I have a query regarding how to use JavaScript to parse ...

javascriptjqueryhtmlcssjson

Is it possible to overlook TypeScript errors when compiling with Angular 2 AoT?

My application is experiencing numerous TypeScript errors, even though it runs correctly. I recently migrated a JavaScript app to TypeScript and am struggling to resolve all the type-related issues. In order to proceed with development, I have configured m ...

angulartypescriptangular2-aot

Retrieve data from JSON using jQuery without employing a forEach loop

Here is a JSON string that I have discovered: { "Msg1": "message 1", "Msg2": "message 3", "Msg3": "message 2" } Currently, I am utilizing the following code: function GetMessages(msg) { $.getJSON("./jquery/sample.json", function (result) { $.e ...

javascriptjqueryjson

Using jQuery to retrieve the domain extension from a URL

Seeking assistance with extracting domain extensions from various URLs using jQuery. Uncertain how to account for all possible scenarios. Here are the parts of the URL that need to be extracted: https://www.amazon.**com**/dp/067144901X https://www.amazon. ...

javascriptjqueryhtmlurl

JavaScript functioning properly in Google Chrome and Firefox but not in Internet Explorer 9

Welcome to the Lottery random generator tool! Feel free to use this in Google Chrome or Firefox, but please note that it may not work properly in Internet Explorer 9. If you encounter any issues while using this tool on IE9 and receive an error message st ...

javascripthtmlnullinternet-explorer-9undefined

What is the best way to store data from multiple selected rows in different datagrids into a single state?

Programming Languages : JavaScript with React, Redux Toolkit, and Material-UI Issue : My goal is to synchronize the selection of checkboxes across multiple datagrids into one central state Attempts Made : I first attempted to manage checkbox selection fo ...

javascriptreactjsmaterial-uiredux-toolkit

The unique filter in Angular.js seems to be malfunctioning

I ran into an issue with my code where I expected my paragraphs to filter out values based on unique age, but instead I encountered the unknown provider error. How can I resolve this? <html> <head> <script src="https://cdnjs.cloudflare.com/ ...

javascriptangularjs

Storing new li and ul elements to the database by utilizing an array for dynamic saving

I am in the process of creating a user interface for an application where users can add unordered lists and list items by clicking on "add question". I have successfully designed the front end part and here is a preview: However, I am facing difficulties ...

javascriptphpjquery

"npm is the go-to tool for managing client-side JavaScript code

As I delved into a document outlining the npm Developer Guide, a question sprang to mind. Is it within the realm of possibility to construct a web client application using javascript/css/html with npm at the helm? And if so, might there be examples avail ...

javascriptnode.jsnpm

Is it possible to dynamically load JavaScript?

I'm currently working on a project that requires me to dynamically add JavaScript. I have a global.js file that contains all the global variables I need to add dynamically. However, I'm facing an issue where global.js is not being added before ut ...

javascripthtml