![Create React App Officially Deprecated Amid React 19 Compatibility Issues](https://cdn.sanity.io/images/cgdhsj6q/production/04fa08cf844d798abc0e1a6391c129363cc7e2ab-1024x1024.webp?w=400&fit=max&auto=format)
Security News
Create React App Officially Deprecated Amid React 19 Compatibility Issues
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.
import-sync
Advanced tools
Synchronously import dynamic ECMAScript Modules similar to CommonJS require. Basic wrapper around esm for compatibility with both ESM and CJS projects in NodeJS.
Synchronously import dynamic ECMAScript Modules similar to CommonJS require
Basic wrapper around esm for compatibility with both ESM and CJS projects in NodeJS
Capable of importing ESM-only libraries such as node-fetch@3 in CJS projects
npm install import-sync
Try with Replit.
importSync(id, options);
Importing from the same directory
const { someVariable, someFunction } = importSync('./some-module');
Importing .mjs
file from a different directory
const { someFunction } = importSync('../src/someModule.mjs');
Using a different basePath
const { someFunction } = importSync(
'./someModule',
{ basePath: process.cwd() }
);
Using additional esm options as described in esm's documentation
const { someFunction } = importSync(
'./someModule',
{
esmOptions: {
cjs: {
cache: true
},
mode: 'all',
force: 'true',
}
}
);
Importing an ESM-only module
const fetch = importSync('node-fetch'),
Module name or relative path similar to CommonJS require. For example,
'../animals/cats.js'
'./dogs.mjs'
'./minimal'
importSync
will look for './minimal.js'
before './minimal.mjs'
'node-fetch'
importSync
can import pure-esm node-fetch (v3) in your cjs projectOption | Description | Example | Default |
---|---|---|---|
basePath |
Absolute path to the module's directory.
The basePath option will only take effect if the given id starts with ./ or ../ .
For example,
|
process.cwd() | __dirname |
esmOptions | Options for the esm module as described in esm's documentation. |
{ cjs: true, mode: 'auto' } | {} |
The importSync
function returns the exported module content similar to NodeJS
require.
If an unknown file path is provided a default Error object is thrown.
Copyright (c) 2023 Khiet Tam Nguyen
Permission is hereby granted, free of charge, to any person obtaining a
copy of this software and associated documentation files (the “Software”),
to deal in the Software without restriction, including without limitation
the rights to use, copy, modify, merge, publish, distribute, sublicense,
and/or sell copies of the Software, and to permit persons to whom the
Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
DEALINGS IN THE SOFTWARE.
One known non-issue is that in jest, calling importSync
on
a CommonJS module returns an empty object.
There are currently no plans to fix this issue, as the built-in NodeJS require function should simply be used instead when importing CommonJS modules.
import-sync was created to enable the implementation of a global dryrun script that can be run by students undertaking COMP1531 Software Engineering Fundamentals in their major group project. This requires the ability to import external ES Modules from any directory or path for use in both CommonJS and ESM-based projects.
The dryrun serves as a sanity check before the
final submission is made, and is located in the centralised COMP1531 course account at the path ~cs1531/bin
. Students who are connected to the CSE lab environment (e.g. via VLAB) can run the dryrun script from their major project repository, e.g. at the path ~z5313514/comp1531/project-backend
.
Initially, the esm library looked promising. However, when the global dryrun script was executed in a mock student's project directory, the following error occurred:
Error [ERR_REQUIRE_ESM]: require() of ES Module /import/ravel/5/z5313515/project-backend/src/auth.js not supported.
Instead change the require of auth.js in null to a dynamic import() which is available in all CommonJS modules
This is due to the package.json
containing "type": "module"
, as iteration 1 of the student major project uses ESM for the seamless transition to future iterations.
The following approaches were thus attempted, but were unsatisfactory for our purpose:
.js
to all of their file imports in the project solely to use the dryrun. This resulted in ambiguous error messages and obscure dryrun requirements unrelated to the projectUpon a more thorough investigation into the initial issue with the esm module, the cause was the introduction of the exception starting from NodeJS version 13, as noted in @fregante's comment:
Further down the thread was a link to the solution by @guybedford
which removes the exception through module extension and serves as a satisfactory workaround. This reduced the codebase of import-sync to simply a wrapper around esm.
Another issue that import-sync (v2) addresses is esm's open issue #904, which yields the error message:
Error [ERR_INVALID_PROTOCOL]: Protocol 'node:' not supported. Expected 'file:'
when importing ESM-only libraries such as node-fetch@3 in a CommonJS module. This is done by overriding the default Module._resolveFilename
function to remove the node:
prefix, effectively changing any imports of the form (for example):
import http from 'node:http';
to
import http from 'http';
for all imported modules.
For further discussions about this issue, visit:
FAQs
Synchronously import dynamic ECMAScript Modules similar to CommonJS require. Basic wrapper around esm for compatibility with both ESM and CJS projects in NodeJS.
The npm package import-sync receives a total of 572 weekly downloads. As such, import-sync popularity was classified as not popular.
We found that import-sync demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.
Security News
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
Security News
The Linux Foundation is warning open source developers that compliance with global sanctions is mandatory, highlighting legal risks and restrictions on contributions.