rollup v3.20.2 bundles src/index.js → dist/3d-force-graph.js... babelHelpers: 'bundled' option was used by default. It is recommended to configure this option explicitly, read more here: https://github.com/rollup/plugins/tree/master/packages/babel#babelhelpers (!) Circular dependencies node_modules/d3-interpolate/src/value.js -> node_modules/d3-interpolate/src/array.js -> node_modules/d3-interpolate/src/value.js node_modules/d3-interpolate/src/value.js -> node_modules/d3-interpolate/src/object.js -> node_modules/d3-interpolate/src/value.js created dist/3d-force-graph.js in 5.5s [2023-06-09 16:54:06] waiting for changes...
时间: 2023-09-18 11:16:02 浏览: 45
这是一个关于使用 Rollup 进行打包的输出信息。其中提到了一个警告,建议显式地配置 `babelHelpers` 选项,可以点击链接查看更多信息。另外还提到了一个循环依赖的问题,具体是 `d3-interpolate` 模块中的 `value.js`、`array.js` 和 `object.js` 之间互相依赖,可能会导致一些问题。最后,打包生成了一个 `dist/3d-force-graph.js` 文件,并且在等待变更。
相关问题
如何解决rollup v3.20.2 bundles src/index.js → dist/3d-force-graph.js... babelHelpers: 'bundled' option was used by default. It is recommended to configure this option explicitly, read more here: https://github.com/rollup/plugins/tree/master/packages/babel#babelhelpers (!) Circular dependencies node_modules/d3-interpolate/src/value.js -> node_modules/d3-interpolate/src/array.js -> node_modules/d3-interpolate/src/value.js node_modules/d3-interpolate/src/value.js -> node_modules/d3-interpolate/src/object.js -> node_modules/d3-interpolate/src/value.js created dist/3d-force-graph.js in 5.5s [2023-06-09 16:54:06] waiting for changes...问题
关于警告信息中提到的 `babelHelpers` 选项,建议在 Rollup 配置文件中显式地进行配置,例如:
```js
// rollup.config.js
import babel from '@rollup/plugin-babel';
export default {
// ...
plugins: [
babel({
babelHelpers: 'bundled',
// ...
}),
// ...
],
// ...
};
```
关于循环依赖的问题,可以尝试在相关模块中使用 `require` 或者 `import` 语句来解决,例如:
```js
// value.js
const { interpolateArray } = require('./array');
const { interpolateObject } = require('./object');
// ...
// array.js
const { interpolateValue } = require('./value');
// ...
// object.js
const { interpolateValue } = require('./value');
// ...
```
或者使用 Rollup 插件 `@rollup/plugin-node-resolve` 来解决循环依赖的问题,例如:
```js
// rollup.config.js
import resolve from '@rollup/plugin-node-resolve';
import babel from '@rollup/plugin-babel';
export default {
// ...
plugins: [
resolve(), // 解决循环依赖
babel({
babelHelpers: 'bundled',
// ...
}),
// ...
],
// ...
};
```
最后,如果以上方法都无法解决问题,可以尝试手动解决循环依赖的问题,例如将 `value.js` 中依赖的部分移到一个新的模块中,然后在 `array.js` 和 `object.js` 中引用该模块。
[vite]: Rollup failed to resolve import "@vueuse/core" from "src/layout/index.vue".
这个错误提示是因为在你的代码中引入了一个名为 "@vueuse/core" 的模块,但 Rollup 在构建时无法找到这个模块。
解决这个问题需要你检查一下你的代码中是如何引入 "@vueuse/core" 模块的。可能需要检查一下你的依赖是否正确安装,或者尝试使用绝对路径引入这个模块。
如果你使用的是 Vue CLI 创建的项目,可以尝试在项目根目录下执行以下命令来安装 "@vueuse/core":
```
npm install @vueuse/core
```
如果以上方法都无法解决问题,可以尝试升级 Rollup 的版本或者检查一下你的 Rollup 配置文件是否正确。