fd2ba11763
Adds inline script functionality to `next/script` for `worker` and `beforeInteractive` strategies. - fixes #36318 - fixes #26343 - fixes #26591 - fixes #26343 - fixes #26240 Co-authored-by: Janicklas Ralph <6142074+janicklas-ralph@users.noreply.github.com>
38 lines
897 B
Markdown
38 lines
897 B
Markdown
# Invalid Script
|
|
|
|
#### Why This Error Occurred
|
|
|
|
Somewhere in your application, you are using the `next/script` component without including an inline script or `src` attribute.
|
|
|
|
#### Possible Ways to Fix It
|
|
|
|
Look for any usage of the `next/script` component and make sure that `src` is provided or an inline script is used.
|
|
|
|
**Compatible `src` attribute**
|
|
|
|
```jsx
|
|
<Script src="https://example.com/analytics.js" />
|
|
```
|
|
|
|
**Compatible inline script with curly braces**
|
|
|
|
```jsx
|
|
<Script id="show-banner">
|
|
{`document.getElementById('banner').classList.remove('hidden')`}
|
|
</Script>
|
|
```
|
|
|
|
**Compatible inline script with `dangerouslySetInnerHtml`**
|
|
|
|
```jsx
|
|
<Script
|
|
id="show-banner"
|
|
dangerouslySetInnerHTML={{
|
|
__html: `document.getElementById('banner').classList.remove('hidden')`,
|
|
}}
|
|
/>
|
|
```
|
|
|
|
### Useful Links
|
|
|
|
- [Script Component in Documentation](https://nextjs.org/docs/basic-features/script)
|