Prevent usage of
next/script
'sbeforeInteractive
strategy outside ofpages/_document.js
.
You cannot use the next/script
component with the beforeInteractive
strategy outside pages/_document.js
. That's because beforeInteractive
strategy only works inside pages/_document.js
and is designed to load scripts that are needed by the entire site (i.e. the script will load when any page in the application has been loaded server-side).
If you want a global script, move the script inside pages/_document.js
.
// In `pages/_document.js`
import { Html, Head, Main, NextScript } from 'next/document'
import Script from 'next/script'
export default function Document() {
return (
<Html>
<Head />
<body>
<Main />
<NextScript />
<Script
src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js"
strategy="beforeInteractive"
></Script>
</body>
</Html>
)
}