dynamic import CSP error
Unanswered
x1c0 posted this in #help-forum
x1c0OP
Hi I have a component that should run only on client side. (im using next 14.2 still with pages folder only)
const MyComponent = dynamic(
() =>
import('src/.../MyComponent')
.then((module) => module.MyComponent)
.catch((err) => {
console.error('Failed to load MyComponent:', err);
return () => <div>Failed to load MyComponent</div>;
}),
{ ssr: false }
);
when I run this with the prod build I get this CSP error:
Uncaught (in promise) EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'self' 'nonce-1b3a34f1'".
at Function (<anonymous>)
at 11076 (210ff182.f44e2bfeaccd1b0b.js:1:409)
Any ideas what I can do? thank you in advance 🙏
const MyComponent = dynamic(
() =>
import('src/.../MyComponent')
.then((module) => module.MyComponent)
.catch((err) => {
console.error('Failed to load MyComponent:', err);
return () => <div>Failed to load MyComponent</div>;
}),
{ ssr: false }
);
when I run this with the prod build I get this CSP error:
Uncaught (in promise) EvalError: Refused to evaluate a string as JavaScript because 'unsafe-eval' is not an allowed source of script in the following Content Security Policy directive: "script-src 'self' 'nonce-1b3a34f1'".
at Function (<anonymous>)
at 11076 (210ff182.f44e2bfeaccd1b0b.js:1:409)
Any ideas what I can do? thank you in advance 🙏