下一个JS构建不能与Apostrophe一起工作

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上构建和部署的时候。

如何使用Apostrophe构建。

Answer 1

tagline是有效的超文本标记语言元素吗？我想知道这是否会导致这种奇怪的行为。

否则，可以尝试字符串文字：

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>
      )
    }