vue-cli3发npm包遇到的坑：The provided value “./packages“ is not an absolute path!

原创于 2021-03-22 16:50:56 发布 · 890 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue #node

Vue 专栏收录该内容

3 篇文章

订阅专栏

本文讲述了在使用Vue CLI 3进行npm打包时遇到的路径问题，如何通过修改Vue.config.js中'packages'路径为绝对路径来解决。作者分享了具体步骤和代码示例，有助于前端开发者避免此类编译错误。

vue-cli3发npm打包遇到的坑：The provided value “./packages” is not an absolute path!

1、定位Vue.config.js文件。

module.exports = {
  // 修改 src 为 examples
  pages: {
    index: {
      entry: 'examples/main.js',
      template: 'public/index.html',
      filename: 'index.html'
    }
  },
  chainWebpack: config => {
    config.module
      .rule('js')
      .include
      // （将package包加入编译）
      .add('./packages')   // <--------此处报错。
      .end()
      .use('babel')
      .loader('babel-loader')
      .tap(options => options)
  }
}

2、解决：

.add(’./packages’)

改为

.add(path.join(__dirname, ‘packages’))

const path = require('path')
module.exports = {
	// ...
	// .add('./packages') 
	// 改为：
	.add(path.join(__dirname, 'packages'))
	// ...
}