Javascript 无法找到模块

我正在尝试安装，我已经阅读了文档，我得到了一个如何在javascript中使用它的示例，我将在React中使用它，因此，有了这个示例和React的文档，我认为我的代码应该可以工作，但它不能！，我想不工作可能有两个动机

1-在我的html内体标记中，此标记出现：

<noscript>You need to enable JavaScript to run this app.</noscript>

您需要启用JavaScript才能运行此应用程序。

2-当我悬停在通过NPM安装的模块上时，vscode显示：

我正在使用react钩子，在这里我找到了如何使用它的信息 还有这里的演示样本

我花了好几个小时想知道问题出在哪里

这是我的jsx代码：

import React, {useEffect, useRef} from 'react';
// @ts-ignore
import Parallax from 'parallax-js';
import BackgroundIMG from '../assets/img/background.jpg';
import Guitar from '../assets/img/guitar.png';
import Layer1 from '../assets/img/layer1.png';
import Layer2 from '../assets/img/layer2.png';
import Layer3 from '../assets/img/layer3.png';
import Layer4 from '../assets/img/layer4.png';
import Layer5 from '../assets/img/layer5.png';
import Layer6 from '../assets/img/layer6.png';
import './styles/Home.css';

const Home = () => {
  const sceneEl = useRef(null);

  useEffect(() => {
    const parallaxInstance = new Parallax(sceneEl.current, {
      relativeInput: true,
    })
    
    parallaxInstance.enable();

    return () => parallaxInstance.disable();

  }, [])

  return (
    <div id="container">
      <div id="scene" ref={sceneEl}>
        <div dataDepth="1.00"><img src={Layer1} /></div>
        <div dataDepth="0.80"><img src={Layer2} /></div>
        <div dataDepth="0.60"><img src={Layer3} /></div>
        <div dataDepth="0.40"><img src={Layer4} /></div>
        <div dataDepth="0.20"><img src={Layer5} /></div>
        <div dataDepth="0.00"><img src={Layer6} /></div>
      </div>
    </div>
  )
}

export default Home;

import React，{useffect，useRef}来自“React”；
//@ts忽略
从“视差js”导入视差；
从“../assets/img/background.jpg”导入BackgroundIMG；
从“../assets/img/guitart.png”导入吉他；
从“../assets/img/Layer1.png”导入Layer1；
从“../assets/img/Layer2.png”导入Layer2；
从“../assets/img/Layer3.png”导入Layer3；
从“../assets/img/Layer4.png”导入Layer4；
从“../assets/img/Layer5.png”导入Layer5；
从“../assets/img/Layer6.png”导入Layer6；
导入“./styles/Home.css”；
常量Home=（）=>{
const sceneEl=useRef（null）；
useffect（（）=>{
const parallaxInstance=新视差（sceneEl.current{
相对输入：对，
})
parallaxInstance.enable（）；
return（）=>parallaxInstance.disable（）；
}, [])
返回(
)
}
导出默认主页；

在我的浏览器中，我可以看到：

---

但是它没有“视差”效应，这是因为您使用的是TS，并且在库的一侧没有类型声明。我认为您可以按照控制台显示的方式简单地修复此问题。 如果您没有

.d.ts

文件，只需创建一个并添加

声明模块'parallax js'
在此之后，如果您还没有该文件，请将其添加到
tsconfig.json
文件的
include
属性中，您应该会没事的。
Hi！，谢谢你的回答！，在新文件中，我只需在开头添加该行，或者我必须删除所有内容，并且文件中只有该行？嘿如果你已经有了一个
.d.ts
，你只需要添加这个并保留你已经有的。
tsconfig.json
应该位于项目的路径上，与
package.json
处于同一级别。但是如果您使用的是TypeScript，我想您应该已经有了一个
tsconfig.json
文件，对吗？是的，现在它可以工作了！，谢谢