During the code generation process, there were many errors on the console, some of the code seemed to be dropped, and it was not a complete video effect
React tailwind `Uncaught SyntaxError: /Inline Babel script: Unterminated string constant. (4:31)
2 | function App() { 3 | return (
4 | <div className="min | ^
babel.js:27094 Uncaught SyntaxError: /Inline Babel script: Unterminated string constant. (4:31)
2 | function App() { 3 | return (
4 | <div className="min-h-screen | ^
babel.js:27094 Uncaught SyntaxError: /Inline Babel script: Unterminated string constant. (7:39)
5 | {/* Header and main content here */} 6 | <div className="bg-white shadow">
7 | <div className="max-w-7xl mx-auto py-6 | ^ babel.js:27094 Uncaught SyntaxError: /Inline Babel script: Unterminated string constant. (7:39)
5 | {/* Header and main content here */} 6 | <div className="bg-white shadow">
7 | <div className="max-w-7xl mx-auto py-6 px- | ^ babel.js:27094 Uncaught SyntaxError: /Inline Babel script: Unterminated string constant. (7:39)
5 | {/* Header and main content here */} 6 | <div className="bg-white shadow">
7 | <div className="max-w-7xl mx-auto py-6 px-4 sm:px | ^ babel.js:27094 Uncaught SyntaxError: /Inline Babel script: Unexpected token (12:21)
10 | 11 |
12 | < | ^
babel.js:27094 Uncaught SyntaxError: /Inline Babel script: Unterminated JSX contents. (14:75)
12 | <main className="py-10"> 13 | {/* Replace with your content */}
14 | <div className="max-w-7xl mx-auto sm:px-6 lg:px-8"> | ^ 15 |
babel.js:27094 Uncaught SyntaxError: /Inline Babel script: Unexpected token (15:29)
13 | {/* Replace with your content */} 14 | <div className="max-w-7xl mx-auto sm:px-6 lg:px-8">
15 | < | ^
babel.js:27094 Uncaught SyntaxError: /Inline Babel script: Unterminated string constant. (16:47)
14 | <div className="max-w-7xl mx-auto sm:px-6 lg:px-8"> 15 | <div className="px-4 py-8 sm:px-0">
16 | <div className="border-4 border-dashed border-gray | ^ babel.js:27094 Uncaught SyntaxError: /Inline Babel script: Unterminated string constant. (16:47)
14 | <div className="max-w-7xl mx-auto sm:px-6 lg:px-8"> 15 | <div className="px-4 py-8 sm:px-0">
16 | <div className="border-4 border-dashed border-gray- | ^ babel.js:27094 Uncaught SyntaxError: /Inline Babel script: Unterminated string constant. (16:47)
14 | <div className="max-w-7xl mx-auto sm:px-6 lg:px-8"> 15 | <div className="px-4 py-8 sm:px-0">
16 | <div className="border-4 border-dashed border-gray-200 rounded | ^ babel.js:27094 Uncaught SyntaxError: /Inline Babel script: Unexpected token, expected "jsxTagEnd" (20:33)
18 | {/* You can add more components inside this div */} 19 |
20 | </div | ^ babel.js:27094 Uncaught SyntaxError: /Inline Babel script: Unexpected token (21:26)
19 | 20 |
21 | </ | ^ babel.js:27094 Uncaught SyntaxError: /Inline Babel script: Unexpected token, expected "jsxTagEnd" (21:29)
19 | 20 |
21 | </div | ^ babel.js:27094 Uncaught SyntaxError: /Inline Babel script: Unterminated string constant. (28:57)
26 | } 27 |
28 | ReactDOM.render(<App />, document.getElementById(' | ^ babel.js:27094 Uncaught SyntaxError: /Inline Babel script: Unterminated string constant. (28:57)
26 | } 27 |
28 | ReactDOM.render(<App />, document.getElementById('app `
I got this error while generating the code, parsing one-third of it! Possible reason, cross domain impact not using HTTPS. Currently using HTTP, the next test will add HTTPS and provide feedback