javascript - 找不到模块的声明文件。 '/path/to/module-name.js' 隐式具有 'any' 类型

Question

我正在学习 Gatsby.js 教程，在教程二中，您必须导入一些字体。当我尝试导入 theme lawton 时，我在 import lawtonTheme from "typography-theme-lawton";

下看到此错误

我首先做了npm install --savetypography-theme-lawton

  Could not find a declaration file for module 'typography-theme-lawton'. '/Users/react/tutorial-part-two/node_modules/typography-theme-lawton/dist/index.js' implicitly has an 'any' type.
  Try `npm install @types/typography-theme-lawton` if it exists or add a new declaration (.d.ts) file containing `declare module 'typography-theme-lawton';`

这是我的typography.js 文件:

import Typography from "typography";
//import bootstrapTheme from " typography-theme-bootstrap";
import lawtonTheme from "typography-theme-lawton";

const typography = new Typography(lawtonTheme);

//const typography = new Typography({ baseFontSize: "18px" });
//const typography = new Typography(bootstrapTheme);

export default typography;

这是我的 gatsby-config.js 文件:

  module.exports = {
  plugins: [
    {
      resolve: `gatsby-plugin-typography`,
      options: {
        pathToConfigModule: `src/utils/typography.js`
      }
    }
  ]
};

此外，在 gatsby-config 文件中，单词 module 带有下划线，并且此注释显示:[ts] 文件是一个 CommonJS 模块；它可以转换为 ES6 模块。 [80001]

我也尝试过npm install @types/typography-theme-lawton但它给了我错误

Answer 1

根据你的问题，我猜你使用的是typescript，并且项目找不到ts模块。您需要安装 ts 文件。试试这个:

npm install —-save @types/.....

或者，您可以在项目中的某个位置添加一个 d.ts 文件，并在文件中添加上述内容。

declare module typography-theme-lawton

[ts] 文件是 CommonJS 模块；它可以转换为 ES6 模块。 [80001]

我假设您正在使用 VSCode。将其添加到设置中以启用它:

"javascript.suggestionActions.enabled": false

PS:这只是一个建议，所以你可以忽略它。