更新Vue JS后内容未修改

Question

我是 Vue Js 的新手，我试图修改 .vue 文件中的内容，但当我重新加载页面时，我的内容没有被修改。

代码如下：

<section class="fourth">
  <h2>Des espaces <span>dédiés</span> pour chaque profil</h2>
  <div class="buttons">
    <button class="button-small" :class="{'button-ghost': !student}"
            @click="toggleStudent">Je suis élève
    </button>
    <button class="button-small" :class="{'button-ghost': !parent}"
            @click="toggleSParent">Je suis parent
    </button>
    <button class="button-small" :class="{'button-ghost': !teacher}"
            @click="toggleTeacher">Je suis prof
    </button>
  </div>
  <div class="content">
    <div v-if="student">
      <img src="build/images/side-s4.png">
      <div class="text">
        <h3>Une plateforme adaptée à tes <span>besoins</span></h3>
        <p>Que tu sois à l’aise ou complètement perdu en mathématiques, profite
          d’un accompagnement personnalisé et efficace adapté à ton profil. Suis
          ta progression de jour en jour et débloque les différents niveaux de
          difficultés pour te perfectionner et devenir un as en mathématiques
          !</p>
        <button v-scroll-to="{ el: '#join', offset: -100 }">DEMANDER UN ACCÈS
        </button>
      </div>
    </div>
    <div v-else-if="parent">
      <img src="build/images/side-s4.png">
      <div class="text">
        <h3>Une plateforme adaptée à tes besoins</h3>
        <p>
          Êtes-vous intéressés par un compte personnel pour suivre les progrès
          de votre enfant ?<br>
          Ou bien souhaitez-vous bénéficier d'aide et être coaché par une équipe
          d'enseignants pour aider vous-même votre enfant ?
        </p>
        <button v-scroll-to="{ el: '#join', offset: -100 }">Demander à être
          contacté
        </button>
      </div>
    </div>
    <div v-else-if="teacher">
      <img src="build/images/side-s4.png">
      <div class="text">
        <h3>Une plateforme adaptée à tes besoins</h3>
        <p>
          Vous souhaitez rejoindre une communauté d'enseignants passionnés et
          voulant faire avancer leur métier ?
          <br>
          Ou bien êtes-vous intéressés pour faire bénéficier vos élèves des
          contenus de la plateforme ?
        </p>
        <button v-scroll-to="{ el: '#join', offset: -100 }">Créer mon compte
        </button>
      </div>
    </div>
  </div>
</section>

我尝试修改

的内容

<button v-scroll-to="{ el: '#join', offset: -100 }">Créer mon compte</button>

但重新加载页面时不会出现更改。

如何使更改立即生效？

编辑：这是我的 package.json 的内容

{
  "devDependencies": {
    "@symfony/webpack-encore": "^0.22.0",
    "node-sass": "^4.11.0",
    "sass-loader": "^7.0.1",
    "vue": "^2.6.10",
    "vue-loader": "^15.0.11",
    "vue-template-compiler": "^2.6.10"
  },
  "dependencies": {
    "axios": "^0.19.0",
    "ckeditor": "^4.0.0",
    "dotenv": "^8.2.0",
    "sticky-sidebar": "^3.3.1",
    "vue-affix": "^0.5.2",
    "vue-carousel": "^0.18.0",
    "vue-mq": "^1.0.1",
    "vue-qm": "^1.0.2",
    "vue-router": "^3.0.2",
    "vue-scrollto": "^2.17.1",
    "vue-sticky-directive": "^0.0.10",
    "vue2-circle-progress": "^1.2.3",
    "vuex": "^3.1.0",
    "vuex-persist": "^2.0.0"
  },
  "license": "UNLICENSED",
  "private": true,
  "scripts": {
    "dev-server": "encore dev-server",
    "dev": "encore dev",
    "watch": "encore dev --watch",
    "build": "encore production --progress"
  }
}

编辑 2：使用 YARN RUN 开发服务器时的空白页

这是输出：