在Vue中使用带有Typescript的Bootstrap-Slider

Question

我正在尝试使用使用TypeScript和ASP net core构建的vue后端在我的页面上创建一个boostrap-slider。我在ASP.NET Core中使用TypeScript的Vue.js标准模板。

我已经使用

导入了boostrap-slider类型

npm install --save @types/bootstrap-slider

当我尝试

时

import { Slider } from 'bootstrap-slider';

我收到错误

  

[at-loader]中的错误./ClientApp/components/mycomponent/mycomponent.ts:3:24             TS2306：文件'~~ 编辑 ~~ / node_modules / @ kinds / bootstrap-slider / index.d。''不是模块。

Answer 1

要实现您的目标，您可以参考此MSDN帖子。 此示例演示将帮助您使用ASP.NET Core中的TypeScript设置Vue.js. 完整描述 setup Vue.js with TypeScript in ASP.NET Core.

源代码示例： Vue.js with TypeScript in ASP.NET Core

要实现Boorstrap-Slider，您可以使用vue-bootstrap-slider 有关详细信息，请参阅链接：vue-bootstrap-slider

Answer 2

发生错误是因为类型定义不导出模块，因此您无法导入它。他们这样做是因为你可以通过jquery调用滑块函数：

var someSlider = $("input.slider").slider();
var value = someSlider.slider('getValue');

这些函数输入正确，因为即使没有任何导入也可以找到输入。