0

我正在使用 Snowpack 并尝试为 Vue 导入 Chart.js, 以便显示一些数据。

收到此错误:

Uncaught SyntaxError: The requested module '../_snowpack/pkg/chartjs.v3.2.0.js' does not provide an export named 'default'

包.json

"dependencies": {
    "chart.js": "^3.2.0",
    "vue": "^3.0.11",
    "vue-chartjs": "^3.5.1"
  },
  "devDependencies": {
    "@snowpack/plugin-dotenv": "^2.1.0",
    "@snowpack/plugin-vue": "^2.4.0",
    "snowpack": "^3.3.7"
  }

我提到了Snowpack 常见错误,但他们提供的解决方案对我的情况没有帮助,或者我做错了什么。

雪包.config

/** @type {import("snowpack").SnowpackUserConfig } */
module.exports = {
    mount: {
        public: { url: '/', static: true },
        src: { url: '/dist' },
    },
    plugins: ['@snowpack/plugin-vue', '@snowpack/plugin-dotenv'],
    routes: [
        /* Enable an SPA Fallback in development: */
        // {"match": "routes", "src": ".*", "dest": "/index.html"},
    ],
    optimize: {
        /* Example: Bundle your final build: */
        // "bundle": true,
    },
    packageOptions: {
        namedExports: ['vue-chartjs', 'chart.js'],
    },
    devOptions: {
        /* ... */
    },
    buildOptions: {
        /* ... */
    },
};

图表.js

import { Bar } from 'vue-chartjs'

export default {
  extends: Bar,
  mounted () {
    this.renderChart({
      labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
      datasets: [
        {
          label: 'GitHub Commits',
          backgroundColor: '#f87979',
          data: [40, 20, 12, 39, 10, 40, 39, 80, 40, 20, 12, 11]
        }
      ]
    })
  }
}

任何人都可以对解决方法有任何想法吗?

4

0 回答 0