下一个JS版本不支持撇号

Question

这是正在运行的构建，但是，

import styles from '../styles/Home.module.css'

export default function Home() {
return (

<div className={styles.container}>
<title>Filmydom</title>
<h1>Filmydom</h1>
<tagline>Lets be Filmy</tagline>
<br />
<br />
<h3>Coming Soon</h3>
</div>
)
}

这不是

import styles from '../styles/Home.module.css'

export default function Home() {
return (

<div className={styles.container}>
<title>Filmydom</title>
<h1>Filmydom</h1>
<tagline>Let's be Filmy</tagline>
<br />
<br />
<h3>Coming Soon</h3>
</div>
)
}

仅仅因为标语包含"">

。当我试图在firebase上构建和部署时发生了这种情况。

如何使用撇号构建。

Answer 1

tagline是有效的HTML元素吗?我想知道这是否会导致这种奇怪的行为。

否则可以尝试string literal:

export default function Home() {
return (

<div className={styles.container}>
<title>Filmydom</title>
<h1>Filmydom</h1>
<tagline>{`Let's be Filmy`}</tagline>
<br />
<br />
<h3>Coming Soon</h3>
</div>
)
}

Answer 2

我可以通过用通用的html符号替换撇号来清除这样的错误，如下所示:

Space()是

感叹号(!)为!

双引号(")是">

数字符号(#)为#

百分号(%)为%

逗号(，)为,

连字符(-)为-

句号(.)为.

斜杠(/)是/

当然……撇号(')为'

Example
Error prone
<p>Let's connect!</p>
Clean
<p>Let&#39;s connect!</p>