错误分析:
vue run build 执行打包时,调用copy-webpack-plugin组件实现文件夹内容拷贝的时候,发现没有找到对应的文件夹,又或者是你的拷贝文件夹和输出文件件是同一文件夹,才会导致报类似的错误。
解决方案:
1.如果是文件夹不存在,则需要在对应的地方新建文件夹即可。
2.你的拷贝文件夹和输出文件件是同一文件夹,需要修改注意以下配置文件即可。
我这里就是输出的文件夹(output)和拷贝的文件夹(CopyWebpackPlugin)就是同一文件夹(static),才导致的报错你们修改为不一致即可。
//config\index.js product:{ env: require('./prod.env'), index: path.resolve(__dirname, '../static/index.html'), assetsRoot: path.resolve(__dirname, '../static'), assetsSubDirectory: '', assetsPublicPath: './static/', productionSourceMap: false, productionGzip: false, productionGzipExtensions: ['js', 'css'], bundleAnalyzerReport: process.env.npm_config_report } //build\webpack.prod.conf.js output: { path: config.product.assetsRoot, filename: utils.assetsPath('js/[name].js'), chunkFilename: utils.assetsPath('js/[name].js') }, new CopyWebpackPlugin([ { from: path.resolve(__dirname, '../static'), to: config.product.assetsSubDirectory, ignore: ['.*'] } ])
总结:
1.如果是文件夹不存在打包完成后,打包时会报错,使用可能会导致某文件漏损或报错
2.如果是拷贝文件夹和输出文件件是同一文件夹,打包时会报错,但可以正常运行