在 Angular 项目中尝试导入 SDK 时找不到模块或其对应的类型声明

Question

Currently attempting to use an SDK in an existing Angular project and we are unable to find the cause to the following problem.

Here is an image of the error:

Cannot find module 'flux-sdk' or its corresponding type declarations

After doing some digging we found various post with the same issue and have tried just about everything we could find and are still unable to solve the error.

Steps...

1. npm install --save flux-sdk;
2. import Flux from 'flux-sdk';

Fails on import ( Step 2 ) with the error shown above.

We are not sure why this is happening and because we have tried the other solutions found online and unable to solve the issue I come here.

Answer 1

I think you could achieve adding typing for a package which doesn't have type definition like this package flux-sdk in an Angular project by following steps:

• Create a typings directory at the root level then create the typing for this package which is likely called flux-sdk.d.ts :

typings/flux-sdk.d.ts :

declare module 'flux-sdk' {
  const flux: any; // you can define whatever is now exported
  export default flux;
}

• Then just include typings in your tsconfig.json :

{
  "compilerOptions": {
    // ...
  },
  "include": [
    "typings"
  ],
}

Answer 2

Kindly try these solutions.

Method 1: Simply use require instead of import .

// import { Flux } from 'flux-sdk'
const Flux = require('flux-sdk');

Method 2: Try to replace these line in the tsconfig.json if you want use import

"noImplicitAny": false,
"allowJs": true,

I hope they would help you, thanks.

Answer 3

Maybe you use old package-lock.json. Please delete package-lock.json&node_modules and reinstall node modules.