typescript中引用better-scroll

Question

typescript中引用better-scroll,代码如下

import * as BScroll from 'better-scroll'
...
console.log(BScroll)
new BScroll('.wrapper')
...

控制台输出

{default: ƒ, __esModule: true}
> default:ƒ BScroll(el, options)
  __esModule:true
> __proto__:Object

> Uncaught TypeError: BScroll is not a constructor
...

检查作者package.json中types声明没问题

...
  "types": "./types/index.d.ts",
...

检查作者*.d.ts没问题

...
declare const BScroll: BScrollStatic;

declare module 'better-scroll' {
  export = BScroll;
}
...

求助，我这里是哪里错误了？

Answer 1

问题在于这句话 new BScroll('.wrapper'),
错误很明显了，BScroll 不是一个构造器函数， 所以你不能使用new运算符。
你应该可以直接这么用吧BScroll('.wrapper').

Answer 2

import * as BScroll from 'better-scroll'
new BScroll.BScroll();

import  BScroll from 'better-scroll'
new BScroll();

Answer 3

你的问题解决了吗？ 我也遇到了同样的问题！

Answer 4

应该是打包的方式不对吧，你可能选的打包方式是 cmd,改成 iife 或者 umd 试一下
我是这样用的

 import * as BScroll from 'better-scroll'

 const styleScroll = new (<any>BScroll)(styleContainer)

@types/better-scroll 好像不是作者写的，所以好像有问题