我想实现这个到我的Next.js应用程序
https://codepen.io/Lemonzillah/pen/rmQLRm
我试图在_document.js文件中添加所需的两个库，然后从/public
链接文本滑块中的js代码<Main />
<NextScript />
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="public/text-Slider.js"></script>
但是它不工作，不知怎么的-它没有显示任何错误。它现在正在工作，希望你能帮助我!
首先。建议不要在react或next js应用中使用jquery。
如果你想在下一个js应用中使用jquery，你可以使用next document .
import Document, { Html, Head, Main, NextScript } from 'next/document'
class MyDocument extends Document {
static async getInitialProps(ctx) {
const initialProps = await Document.getInitialProps(ctx)
return { ...initialProps }
}
render() {
return (
<Html>
<Head>
**Here you can use custom css link or font link like bootstrap cdn
</Head>
<body>
<Main />
<NextScript />
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.5.9/slick.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="public/text-Slider.js"></script>
</Html>
)
}
}
export default MyDocument
你现在可以在script和css中调用slick slider cdns link来使用slick。我们使用它们。建议在下一个js应用中使用React slick