Nextjs 中使用Jquery JS脚本加载

1、页面中引入

import Script from "next/script";

2、引入你放在public目录下的JS代码

<Script src="/asset/js/common/jquery-3.6.0.min.js"/>
<Script strategy="lazyOnload">
       $("#xxml").css("color","red").css("font-size","20px");
</Script>

注意strategy属性会影响JS脚本的加载顺序，确保JQuery脚本先加载，更多介绍见官方文档：

基本特性: Script Optimization | Next.js | Next.js中文网

其他JS脚本加载也类似。