LQ博客 www.lqblogs.com
arrows
nav

vue 打包报错 ERROR in [copy-webpack-plugin] unable to locate 'D:\xxx\xxx' at 'D:\xxx\xxx'

作者:LQ 来源:原创 发布时间:2020-08-24 浏览量:297 评论:0 点赞:0


错误分析:

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.如果是拷贝文件夹和输出文件件是同一文件夹,打包时会报错,但可以正常运行


webpack Vue
如果你感觉本文章对你有帮助的话,那就点赞、打赏或订阅一下吧
点赞(0)
打赏
倒踩(0)
关闭 感谢您的支持,我会继续努力
微信支付
支付宝支付
扫码打赏,建议金额1-20元
浏览量(297)
讨论本篇文章(0)
发表评论

最多访问文章

最新文章