webpack-5 - webpack-cli [错误 : EROFS: read-only file system, mkdir '/resource']

Question

我想在 webpack 5.x 中复制静态文件，所以我安装了 webpack 复制插件 "copy-webpack-plugin": "^10.2.1", 并添加了这样的配置:

new CopyPlugin({
      patterns: [
        { from: "src/manifest.json", to: "manifest.json" },
        { from: "src/resource/image", to: "/resource/image" },
      ],
    }),

我想做的是将图像文件夹从源文件夹复制到 dist 文件夹并保持文件夹结构。但是当我运行 webpack 命令并显示如下错误时:

➜  reddwaf-translate-plugin git:(main) ✗ npm run dev

> reddwaf-translate-plugin@1.0.0 dev
> rm -rf src/bundle && webpack --mode development --config src/resource/config/webpack.dev.config.js

[webpack-cli] [Error: EROFS: read-only file system, mkdir '/resource'] {
  errno: -30,
  code: 'EROFS',
  syscall: 'mkdir',
  path: '/resource'
}

我确定文件系统不是只读的，因为我已经创建了文件和文件夹。为什么会这样？我该怎么做才能解决它？当前操作系统为带有 M1 pro 芯片的 macOS Monteney。

Answer 1

我终于弄清楚发生了什么，我配置文件夹以斜杠开头意味着将在 macOS 文件系统的根目录中创建一个文件夹资源。这就是错误发生的原因，只需删除根斜杠即可解决此问题。

new CopyPlugin({
      patterns: [
        { from: "src/manifest.json", to: "manifest.json" },
        { from: "src/resource/image", to: "resource/image" },
      ],
    }),

它将在 dist 文件夹中创建文件夹结构。