W
Wasp•2mo ago
Kofi_anan

unable to install '@strapi/client' due to tsconfig builder

unable to install '@strapi/client' due to tsconfig compile settings: 
[  Wasp  ] src/demo-ai-app/DemoAppPage.tsx(18,24): error TS2307: Cannot find module '@strapi/client' or its corresponding type declarations.
[  Wasp  ]   There are types at '/.../Documents/commercialNewsApp/commerseNews/app/node_modules/@strapi/client/dist/index.d.ts', but this result could not be resolved under your current 'moduleResolution' setting. Consider updating to 'node16', 'nodenext', or 'bundler'.
[  Wasp  ] src/demo-ai-app/DemoAppPage.tsx(18,24): error TS2307: Cannot find module '@strapi/client' or its corresponding type declarations.
[  Wasp  ]   There are types at '/.../Documents/commercialNewsApp/commerseNews/app/node_modules/@strapi/client/dist/index.d.ts', but this result could not be resolved under your current 'moduleResolution' setting. Consider updating to 'node16', 'nodenext', or 'bundler'.
3 Replies
kapa.ai
kapa.ai•2mo ago
Hi @Kofi_anan. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave: ---------------------- Based on the error message you've provided, it appears you're encountering an issue related to TypeScript configuration settings when trying to use the '@strapi/client' package in your Wasp project. This error suggests that the TypeScript compiler is having trouble resolving the module due to the current 'moduleResolution' setting. To resolve this issue, you need to update your TypeScript configuration. Specifically, you should change the 'moduleResolution' setting in your tsconfig.json file. Here are the steps you can take: 1. Locate your tsconfig.json file in your Wasp project. 2. Update the 'moduleResolution' setting to one of the suggested options: 'node16', 'nodenext', or 'bundler'. For example, you could modify your tsconfig.json to include: 
{
  "compilerOptions": {
    "moduleResolution": "node16",
    // ... other options
  }
}
{
  "compilerOptions": {
    "moduleResolution": "node16",
    // ... other options
  }
}
After making this change, try rebuilding your project. It's worth noting that Wasp has recently undergone some changes in its TypeScript configuration approach. According to the Github issue about tsconfig story, Wasp 0.12.0 introduced changes to how TypeScript configurations are handled, moving away from separate client and server configurations to a single tsconfig per project. If you continue to face issues after updating your tsconfig.json, you might want to try the following: 1. Run wasp clean to remove all generated files and node_modules. 2. Run wasp start to reinstall everything and regenerate the necessary files. This approach has helped users with similar issues, as mentioned in a Discord support thread. If the problem persists, you may need to check if you're using the latest version of Wasp, as newer versions might have improvements in handling TypeScript configurations and module resolutions. ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ---------------------- Sorry @Kofi_anan, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist: Perhaps try again in 15mins?
Kofi_anan
Kofi_ananOP•2mo ago
re the bot response, wasp is preventing me from making any tsconfig changes 
❌ --- [Error] Your wasp project failed to compile: -------------------------------

- Invalid value for the "compilerOptions.moduleResolution" field in tsconfig.json, you must set it to: "bundler".


❌ --- [Error] Compilation of wasp project failed: --------------------------------

1 errors found
❌ --- [Error] Your wasp project failed to compile: -------------------------------

- Invalid value for the "compilerOptions.moduleResolution" field in tsconfig.json, you must set it to: "bundler".


❌ --- [Error] Compilation of wasp project failed: --------------------------------

1 errors found
miho
miho•2mo ago
Let me try installing @strapi/client and see if I can get it to work 🙂 @Filip please take a look at this I've received a consistent error message as user by installing the lib via npm install @strapi/client and importing it in either server or client code. 
import { strapi } from "@strapi/client";

const api = strapi({
  baseURL: "http://localhost:1337",
});
import { strapi } from "@strapi/client";

const api = strapi({
  baseURL: "http://localhost:1337",
});
🐝 --- Building SDK... ------------------------------------------------------------


[  Wasp  ] src/api.ts(1,24): error TS2307: Cannot find module '@strapi/client' or its corresponding type declarations.
[  Wasp  ]   There are types at '/private/tmp/strapi/node_modules/@strapi/client/dist/index.d.ts', but this result could not be resolved under your current 'moduleResolution' setting. Consider updating to 'node16', 'nodenext', or 'bundler'.
🐝 --- Building SDK... ------------------------------------------------------------


[  Wasp  ] src/api.ts(1,24): error TS2307: Cannot find module '@strapi/client' or its corresponding type declarations.
[  Wasp  ]   There are types at '/private/tmp/strapi/node_modules/@strapi/client/dist/index.d.ts', but this result could not be resolved under your current 'moduleResolution' setting. Consider updating to 'node16', 'nodenext', or 'bundler'.

Did you find this page helpful?