在Vue中使用带类型记录的Bootstrap-Slider

Question

我试图在我的页面上创建一个引导滑块，使用TypeScript和ASP.NET内核构建的vue后端。我正在使用Vue.js的标准模板，TypeScript在ASP.NET内核中。

我导入了引导滑块类型

npm install --save @types/bootstrap-slider

当我试图

import { Slider } from 'bootstrap-slider';

我知道错误了

在加载程序./ClientApp/components/mycomponent/mycomponent.ts:3:24 TS2306中出错:文件'redacted/node_modules/@types/bootstrap-slider/index.d.ts‘不是一个模块.

Answer 1

为了达到你的目标，你可以参考这个MSDN帖子。本示例演示将帮助您在Vue.js核心中使用TypeScript设置ASP.NET。完整描述在Vue.js内核中使用TypeScript设置ASP.NET。

样本源代码：Vue.js中的TypeScript在ASP.NET核中的应用

要实现Boorstrap-Slider，您可以使用vue-bootstrap-slider获取更多详细信息，请参阅链接：自举滑块

Answer 2

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

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

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