How do import the package?
Where do you get the error, in the browser?
[SOLVED] Syntax Error: The requested module does not provide an export named 'fetch'
Votes
0
Replies
24
Participants
Unknown
Messages
25
Rank 1: Thread
I get the error in the browser console
Rank 1: Thread
I am importing the package as a default import:
import api from '@/lib/appwrite';
I mean inside api package
Rank 1: Thread
sure, just a sec
Rank 1: Thread
import { Client, Account, Databases, Teams, Functions, Storage, Avatars, } from 'node_modules/appwrite';
Can you try to change it to this
import { Client, Account, Databases, Teams, Functions, Storage, Avatars,} from 'appwrite';And then run it?
Rank 1: Thread
The above works for JavaScript files but it does not resolve the import in TypeScript files
It should work with your TypeScript as well
What is the value of moduleResolution within your tsconfig.json file?
Rank 1: Thread
moduleResolution: 'bundler'
Rank 1: Thread
I'll share the TS error below:
Could not find a declaration file for module 'appwrite'. '/Users/rajiv/Development/xxx/node_modules/appwrite/dist/esm/sdk.js' implicitly has an 'any' type. There are types at '/Users/rajiv/Development/xxxxx/node_modules/appwrite/types/index.d.ts', but this result could not be resolved when respecting package.json "exports". The 'appwrite' library may need to update its package.json or typings.ts(7016)
That's because it tries to load the js file
Can you try to change to either node or nodenext and then you should be able to load the file as I've mentioned before
This 👆
Rank 1: Thread
Let me try that
Rank 1: Thread
The import does not work with node16 but works with node 👍
Good
So is the error still appears?
Rank 1: Thread
Thanks! The error does not appear anymore
👍
Rank 1: Thread
😃
Admin
[SOLVED] Syntax Error: The requested module does not provide export fetch
Admin
[SOLVED] Syntax Error: The requested module does not provide an export named 'fetch'