当我使用 D3.js 作为“从 d3 导入 * 作为 d3”（Vue） 时，没有定义 require

问：

我目前正在尝试使用正在进行的公司项目中的 d3。该项目使用 Vue3（由 vue-cli 制作）和 javascript（不是 Typescript..）

该项目是使用 Vue-CLI 制作的，由于某些原因，我暂时无法将该项目迁移到 Vite 中。

所以我现在想要的只是在这个项目中提供 d3，但是当我使用“import * as d3 from 'd3'”时，发生了 ReferenceError。当我使用“import * as （ ） from （ ）”时，其他库运行良好。

我认为这可能是 webpack 或 babel 问题，但我不习惯设置它们（而且我没有设置这个项目），所以我不知道解决这个问题。

导入调用

import * as d3 from 'd3';

package.json

"dependencies": {
  ...
  "core-js": "^3.8.3",
  "d3": "^7.8.5",
  "vue": "^3.2.13",
  ...
},

"devDependencies": {

    "@babel/core": "^7.12.16",
    "@babel/eslint-parser": "^7.12.16",
    "@vue/cli-plugin-babel": "~5.0.0",
    "@vue/cli-plugin-eslint": "~5.0.0",
    "@vue/cli-plugin-pwa": "~5.0.0",
    "@vue/cli-plugin-router": "~5.0.0",
    "@vue/cli-plugin-vuex": "~5.0.0",
    "@vue/cli-service": "~5.0.0",
    "eslint": "^7.32.0",
    "eslint-config-prettier": "^8.3.0",
    "eslint-plugin-prettier": "^4.0.0",
    "eslint-plugin-vue": "^8.0.3",
    "prettier": "^2.4.1",
    "sass": "^1.32.7",
    "sass-loader": "^12.0.0"
}

vue.config.js

const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  transpileDependencies: true,
});

babel.config.js

module.exports = {
  presets: ["@vue/cli-plugin-babel/preset"],
};

我想让 d3 可用。.