[webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Parsing of ... for build dependencies failed at 'import(configUrl.href)'.

[zce]

[webpack.cache.PackFileCacheStrategy/webpack.FileSystemInfo] Parsing of ... for build dependencies failed at 'import(configUrl.href)'.

[zce]

When the type in package.json is set to module, you should import velite by static import declaration:

import { build } from 'velite'

/** @type {import('next').NextConfig} */
export default {
  // othor next config here...
  webpack: config => {
    config.plugins.push(new VeliteWebpackPlugin())
    return config
  }
}

class VeliteWebpackPlugin {
  static started = false
  apply(/** @type {import('webpack').Compiler} */ compiler) {
    // executed three times in nextjs
    // twice for the server (nodejs / edge runtime) and once for the client
    compiler.hooks.beforeCompile.tap('VeliteWebpackPlugin', async () => {
      if (VeliteWebpackPlugin.started) return
      VeliteWebpackPlugin.started = true
      const dev = compiler.options.mode === 'development'
      await build({ watch: dev, clean: !dev })
    })
  }
}