jquery.scrollto 不是函数

Question

我正在尝试在我的 React 应用程序上使用 jquery.scrollto，但似乎无法正确使用它。

我是通过 npm 安装的

>npm install jquery.scrollto
+ jquery.scrollto@2.1.2
added 1 package in 5.316s

但是当我尝试使用它时，我得到一个 typeError

Uncaught TypeError: $(...).scrollTo is not a function

这是应用程序中的代码：

var $ = require('jquery')
require('jquery.scrollto')

$('#home').on('click',function(){
  $(window).scrollTo('#home', 1000);
})

这是我的 package.json：

{
  "name": "portfolio",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "jquery": "^3.3.1",
    "jquery.scrollto": "^2.1.2",
    "react": "^16.4.2",
    "react-dom": "^16.4.2",
    "react-scripts": "1.1.5"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test --env=jsdom",
    "eject": "react-scripts eject"
  }
}

我错过了什么吗？非常感谢。

Answer 1

经过几次尝试，我发现了如何让它工作。

我需要这样的 scrollto：require('jquery.scrollto') 然后通过 jquery 的 $() 调用它。显然，当 scrollTo 通过 npm 安装时，这不是可行的方法。我所做的是以下内容：

var $ = require('jquery');
var scrollTo = require('jquery.scrollto');

// inside react's componentDidMount : 
$('#testbutton').on('click',scrollto(0,500))

我不知道 scrollto 不需要嵌套在 jquery。

此外，我意识到使用字符串引用是无效的，我建议阅读此主题的人访问以获取更多信息。感谢@davidbucka

jquery.scrollto 不是函数

jquery.scrollto is not a function

jquery

scrollto

reactjs

webpack