键入无效（TypeScript）

Question

I have using this lib in my code

Lib

I added typings for it in project like this

https://www.npmjs.com/package/@types/accounting

And include it in .ts file like this

import accounting from "accounting";

I see typings under /node_modules/@types/accounting

But when I try to run project. My webpack showing this

./app/javascript/components/helpers.ts
Module not found: Error: Can't resolve 'accounting' in '/Users/nemesises/Documents/GitHub/falco-web/app/javascript/components'
 @ ./app/javascript/components/helpers.ts 1:0-36
 @ ./app/javascript/components/itinerary/scripts/hotel_results.ts
 @ ./app/javascript/components/step1/step1.ts
 @ ./app/javascript/components/step1/index.js
 @ ./app/javascript/packs/step1.js
 @ multi (webpack)-dev-server/client?http://localhost:3035 ./app/javascript/packs/step1.js

tsconfig.json file

   {
  "compilerOptions": {
    "declaration": false,
    "emitDecoratorMetadata": true,
    "experimentalDecorators": true,
    "typeRoots": [
      "./node_modules/@types"
    ],
    "types": [ "jquery", "accounting" ],
    "lib": ["es6", "dom"],
    "allowSyntheticDefaultImports": true,
    "module": "es6",
    "moduleResolution": "node",
    "sourceMap": true,
    "target": "es5"
  },
  "exclude": [
    "**/*.spec.ts",
    "node_modules",
    "vendor",
    "public"
  ],
  "compileOnSave": false
}

How I can fix it?

Answer 1

When using TypeScript, you have to install the types for the module, and the module itself. Preferably like this, so that the types will be added under devDependencies , since they're not used at runtime. Add the actual module to use it at runtime, add the types so that TypeScript can check it properly.

npm install accounting
npm install --save-dev @types/accounting