找不到模块“vue-xxx”的声明文件

新手上路,请多包涵

我尝试添加到项目中的任何 3rd 方 Vue.js 库都会引发以下错误:

 Could not find a declaration file for module 'vue-xxx'

我已经尝试过 ‘vue-treeselect’、’vue-select’ 、’vue -multiselect’ 或多或少相同的结果(* 那些库不允许 import Modulename from ,但需要 const Modulename = require )。

我将 "dependencies": { 添加到 package.json 下。

我正在使用 dotnet core 提供的 Vue.js 的 SPA 模板。


‘tree-select’ 的 完整示例:

 import Treeselect from 'vue-treeselect';

/* ... */

value = null;
source = [
    {
        id: 'node-1',
        label: 'Node 1',
        children: [
            {
                id: 'node-1-a',
                label: 'Node 1-A',
            }
      ]
    },
    {
        id: 'node-2',
        label: 'Node 2',
    }
  ];

/* ... */

<treeselect v-model="value"
                :multiple="true"
                :options="source" />

错误:

 in [at-loader] ./ClientApp/components/mycomponent/mycomponent.ts:10:24
    TS7016: Could not find a declaration file for module 'vue-treeselect'. 'path/to/project/node_modules/vue-treeselect/dist/vue-treeselect.js' implicitly has an 'any' type.


包.json

 {
  "name": "MyProject",
  "private": true,
  "version": "0.0.0",
  "dependencies": {
    "dygraphs": "^2.1.0",
    "ol3-layerswitcher": "^1.1.2",
    "vue-treeselect": "^1.0.6"
  },
  "devDependencies": {
    "@types/dygraphs": "^1.1.6",
    "@types/webpack-env": "^1.13.0",
    "@types/vue": "^2.0.0",
    "aspnet-webpack": "^2.0.1",
    "awesome-typescript-loader": "^3.0.0",
    "bootstrap": "^3.3.6",
    "css-loader": "^0.25.0",
    "event-source-polyfill": "^0.0.7",
    "extract-text-webpack-plugin": "^2.0.0-rc",
    "file-loader": "^0.9.0",
    "isomorphic-fetch": "^2.2.1",
    "jquery": "^3.1.1",
    "style-loader": "^0.13.1",
    "typescript": "^2.2.1",
    "url-loader": "^0.5.7",
    "vue": "^2.5.13",
    "vue-loader": "^14.2.1",
    "vue-property-decorator": "^6.0.0",
    "vue-router": "^3.0.1",
    "vue-template-compiler": "^2.5.13",
    "webpack": "^2.2.0",
    "webpack-hot-middleware": "^2.12.2"
  }
}

原文由 Xavier Peña 发布,翻译遵循 CC BY-SA 4.0 许可协议

阅读 1.2k
1 个回答

发生此错误是因为 vue-xxxxxx 已在 JavaScript 中生成。

方法1: 为了避免这个问题,我只是用标准 require() 替换它:

 const vue-xxxxxx = require('vue-xxxxxx');
// import { vue-xxxxxx } from 'vue-xxxxxx'

方法2: 为了避免这个问题,我只是在 tsconfig.json 中替换了这些行

"noImplicitAny": false,

"allowJs": true,

现在您可以使用 import 语句,如下所示:

 import { vue-xxxxxx } from 'vue-xxxxxx'

享受:) 😎

原文由 Mohammad Ayoub Khan 发布,翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题