如何解决：“未捕获的 TypeError：无法读取未定义的属性（读取 'init'）”答案

【问题标题】：How do I fix: "Uncaught TypeError: Cannot read properties of undefined (reading 'init')"如何解决：“未捕获的 TypeError：无法读取未定义的属性（读取 'init'）”
【发布时间】：2022-07-06 00:25:52
【问题描述】：

我正在使用smooth-scrollbar.js 版本8.7.4。
给它一个检查here。
而且我没有在我的网络上使用 react，我只下载了 dist 文件夹中的 smooth-scrollbar.js，然后将其 link 到 html 文件中：

如您所见，我已将smooth-scrollbar.js 和我的主脚本文件scripts.js 链接起来。
我尝试初始化 Scrollbar，但随后收到以下错误消息：

这是我用来初始化滚动条的scripts.js代码：

这里有人可以帮我解决这个问题吗？谢谢！

【问题讨论】：

请将代码、数据和结果以文本形式发布，而不是屏幕截图。 idownvotedbecau.se/imageofcode
你试过在scripts.js之前加载smooth-scrollbar.js吗？你现在拥有它的方式，基本上是你的脚本正在寻找一个尚未加载的函数
@imvain2 非常感谢，真可惜 :( 我以前不知道这个
顺便说一句，这个库不是为反应而创建的。为什么会这样？
@KonradLinkowski Welp，因为我在他们的网站上看到安装方法是npm

标签： javascript html

【解决方案1】：

简单的答案，将smooth-scrollbar.js 脚本标签移到您的scripts.js 脚本标签上方。

您正在尝试在滚动条加载到页面之前访问滚动条。

【讨论】：

哇，它就像魅力一样。我以前不知道这件事。无论如何，非常感谢！
没问题。在编写 Javascript 时注意导入顺序很重要，否则你会遇到这样的问题。确保您使用的所有库始终首先导入！
好的，我会的！希望你有一个美好的一天！

【解决方案2】：

您的导入顺序错误

改变这个：进入这个：

【讨论】：

Please do not upload images of code/data/errors when asking a question.，我以为你知道
请不要通过在您的答案中使用图像而不是文本来复杂化 OP 使用图像而不是文本的问题，尤其是在复制粘贴效果不佳的情况下。
我没有太多选择，因为 OP 将图像而不是代码发布到问题中 :)
您可能没有回答。
@HereticMonkey 有效点，但我无法抗拒