webpack-cli [错误： EROFS： 只读文件系统， mkdir '/resource']

Question

我想复制webpack5.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文件夹中创建文件夹结构。