screenshot-to-code icon indicating copy to clipboard operation
screenshot-to-code copied to clipboard

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

Open xjspace opened this issue 2 years ago • 0 comments

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

xjspace avatar Dec 02 '23 12:12 xjspace