Comments (3)
I haven't used NextJS myself but you mentioned a build system? I take it you are trying to bundle something, and you are getting this error because the bundler is finding that load-module-native.js
contains an import()
call which can't be statically analyzed.
In that case, you need to tell your build system to use the browser build of Awilix as it does not contain references to any of the loadModules
code.
from awilix.
Thank you for your prompt response!
I did a bit research and next.js just uses webpack as its bundler. So this issue comes down to how to configure webpack to use the browser
version (lib/awilix.browser.js
) like you suggested.
Some googling around and I came across this article that helped: https://stackoverflow.com/questions/73195049/is-there-a-webpack-config-option-to-override-resolve-mainfields-for-specific-i
I managed to modify it a little bit to work with the next.js config. Pasting it here in case other people may run into the same issue:
/** @type {import('next').NextConfig} */
// `mainFields`: which fields you want to prioritize in the order
function resolvePackage(packageName, mainFields) {
// Read the json of the npm package in question.
const json = require(`${packageName}/package.json`);
const matchedFile = mainFields.find((x) => json.hasOwnProperty(x));
if (!mainFields) {
throw new Error(`No matching file found for ${packageName}`);
}
return `${packageName}/${json[matchedFile]}`;
}
const nextConfig = {
webpack(config, options) {
config.resolve.alias['awilix'] = resolvePackage('awilix', ['browser']);
return config;
},
};
module.exports = nextConfig;
It's still quite strange though that when I created a barebone next.js app, the warnings would not show up. But at least there's a workaround for it. 😄
Thanks again for the help! I have been searching for a dependency injection library that works with next.js and awilix is the only one that works. Other libraries that rely on reflect-metadata
simply do not work because there isn't a defined entry point to import reflect-metadata
.
from awilix.
Interesting - Webpack should have used the browser build by default, unless Next somehow changes that. Glad you figured it out.
from awilix.
Related Issues (20)
- Support for ESM modules HOT 3
- Is it possible to reinforce constructor param name/types? HOT 1
- Can't resolve HOT 4
- How to unregister a dependency from the container? HOT 6
- Default value not working in class constructor in Proxy mode HOT 2
- asFunction -> asClass Cyclic dependency HOT 2
- Awilix TypeError: Cannot read properties of undefined (reading 'cache') HOT 2
- Calling `loadModules` does not register all the file paths HOT 2
- Is it possible to detect / error on singletons dependent on transient or scoped registrations? HOT 1
- Awilix 10 type exposure HOT 1
- [QUESTION] Userland async initializers HOT 7
- replace camel-case dependency HOT 3
- Possible valid use-case for disabling strict mode for specific resolver HOT 2
- Add TypeScript support HOT 1
- [QUESTION] - Awilix Fails to Autoload Modules in Vitest Tests with TypeScript Setup HOT 1
- How can I get scope inside instance? HOT 14
- [QUESTION] - How to find registered but not used containers? HOT 3
- Support `loadModules` for apps running in the Browser (with Vite) HOT 14
- pass extra constructor argument in use asClass HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from awilix.