如何处理请求@types 安装项目依赖的非打字稿项目？答案

【问题标题】：How to handle non-typescript project requesting @types installation for project dependency?如何处理请求@types 安装项目依赖的非打字稿项目？
【发布时间】：2018-10-05 16:32:37
【问题描述】：

我已经使用create-react-app 和custom-react-scripts 建立了一个项目，这样我就可以为MobX 使用装饰器。我的目标是使用react-c3js 库进行数据可视化。 一切正常，但是当我尝试从 react-c3js 导入时，我的 IDE（VSCode）向我显示此警告：

[ts] 找不到模块“react-c3js”的声明文件。 '/Users/banana/code/d3/d3-gdp/node_modules/react-c3js/react-c3js.js' 隐含一个 'any' 类型。尝试npm install @types/react-c3js（如果存在）或添加包含declare module 'react-c3js'; 的新声明（.d.ts）文件模块“/Users/banana/code/d3/d3-gdp/node_modules/react-c3js/react-c3js”

由于我的项目不使用打字稿，我想我不确定为什么会看到此错误。

这是我的package.json：

{
  "name": "d3-gdp",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "custom-react-scripts": "0.2.2",
    "d3": "^5.7.0",
    "mobx": "^5.5.0",
    "mobx-react": "^5.2.8",
    "npm": "^6.4.1",
    "react": "^16.5.2",
    "react-c3js": "^0.1.20",
    "react-dom": "^16.5.2"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  },
  "devDependencies": {
    "webpack-dashboard": "^2.0.0"
  }
}

这是我导入 react-c3js 并使用他们文档中的示例的文件。我在 IDE 抱怨的那一行发表了评论：

// src/index.js

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import registerServiceWorker from "./registerServiceWorker";
import C3Chart from "react-c3js"; // IDE COMPLAINS HERE
import "c3/c3.css";

const data = {
  columns: [
    ["data1", 30, 200, 100, 400, 150, 250],
    ["data2", 50, 20, 10, 40, 15, 25]
  ]
};

ReactDOM.render(<C3Chart data={data} />, document.getElementById("root"));

registerServiceWorker();

该警告是 react-c3js 模块或我的项目的问题吗？这是“如果它没有损坏就不要修复它”的情况吗？ 我的目标是了解此警告的来源以及我是否应该关注它。感谢您提供任何见解！

【问题讨论】：

我的回答对你有帮助吗？

标签： javascript typescript visual-studio-code create-react-app c3.js

【解决方案1】：

在您的工作区设置中，将javascript.validate.enable 设置为false。这将禁用对该工作区中任何 JS 文件的 TypeScript 检查。

【讨论】：