mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
f9706e0365
The PR is the first step toward fixing #40025. The PR makes the `script-loader` integration test run on both dev and production modes. Some existing test cases are skipped in dev mode because corresponding features are not strict mode resilient and thus will fail. They will be included in dev mode tests in the future. The PR also merges some duplicated logic in `next/script`, and adds a detailed comment about how `onReady` works. In the next PR, I will try to fix `onLoad` being called more than once under strict mode. Co-authored-by: Houssein Djirdeh <[email protected]>
29 lines
750 B
JavaScript
29 lines
750 B
JavaScript
import Script from 'next/script'
|
|
import Link from 'next/link'
|
|
|
|
const Page = () => {
|
|
return (
|
|
<div className="container">
|
|
<Link href="/page9">Page 9</Link>
|
|
<div id="text"></div>
|
|
<Script
|
|
src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"
|
|
onReady={() => {
|
|
window.remoteScriptsOnReadyCalls ??= 0
|
|
window.remoteScriptsOnReadyCalls++
|
|
}}
|
|
/>
|
|
<Script
|
|
id="i-am-an-inline-script-that-has-on-ready"
|
|
dangerouslySetInnerHTML={{ __html: 'console.log("inline script!")' }}
|
|
onReady={() => {
|
|
window.inlineScriptsOnReadyCalls ??= 0
|
|
window.inlineScriptsOnReadyCalls++
|
|
}}
|
|
/>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default Page
|