recherche
Questions et réponses Nuxt.js : la fenêtre n'est pas définie apexcharts/vue-apexcharts

0

J'ai ajouté cet exemple simple d'apexcharts.com. Je suis presque sûr que l'importation est correcte. Je ne fais référence à la fenêtre nulle part. Lors de l'ajout de ce fichier, toute mon application s'arrête. Je pense que cela a quelque chose à voir avec la configuration SSR ou Nuxt.

<template>
  <div id="chart">
    <apexchart
      type="donut"
      width="380"
      :options="chartOptions"
      :series="series"
    ></apexchart>
  </div>
</template>

<script>
import VueApexCharts from "vue-apexcharts";

export default {
  name: "Donut",
  components: {
    apexchart: VueApexCharts,
  },
  data() {
    return {
      data: {
        series: [44, 55, 41, 17, 15],
        chartOptions: {
          chart: {
            type: "donut",
          },
          responsive: [
            {
              breakpoint: 480,
              options: {
                chart: {
                  width: 200,
                },
                legend: {
                  position: "bottom",
                },
              },
            },
          ],
        },
      },
    };
  },
};
</script>


Your Answer
soumettre

2 réponse
0

SSR/SSG se casse lors de l'emballage de votre composant dans un objet nuxt <client-only> 组件中。这将防止在尝试引用不存在的 window.

Par exemple


  

2023-11-10 14:41:58

soumettre

0

Comme expliqué dans ma réponse liée (dernière phrase, en utilisant la syntaxe des composants directs), voici comment créer une configuration de travail correcte :



sssccc

J'en ai également retiré un data,它嵌套了整个配置,已经在 data() à l'intérieur. Cela a entraîné une inadéquation des accessoires, comme le montre l'erreur de la console du navigateur.

2023-11-10 09:34:40

soumettre

Hot Tools

Collection de bibliothèques d'exécution vc9-vc14 (32 + 64 bits) (lien ci-dessous)

Collection de bibliothèques d'exécution vc9-vc14 (32 + 64 bits) (lien ci-dessous)

Téléchargez la collection de bibliothèques d'exécution requises pour l'installation de phpStudy

VC9 32 bits

VC9 32 bits

Bibliothèque d'exécution de l'environnement d'installation intégré VC9 32 bits phpstudy

Version complète de la boîte à outils du programmeur PHP

Version complète de la boîte à outils du programmeur PHP

Programmer Toolbox v1.0 Environnement intégré PHP

VC11 32 bits

VC11 32 bits

Bibliothèque d'exécution de l'environnement d'installation intégré VC11 phpstudy 32 bits

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser