但是当我尝试打包的时候 npm run build:prod的时候，会报出一个依赖错误，如何解决？

Question

我当前用的环境是:
node 16.13.0
npm 8.1.0
用的是vue-element-admin这个框架

现在遇到的问题是当我npm run dev的时候，整个代码是正常的，但是当我尝试打包的时候 npm run build:prod的时候，会报出一个依赖错误？

有个奇怪的点，我同事也一样是用nvm安装的16.13.0这个版本的node，他本地是正常的。

下面是整个报错信息以及package.json的内容

Answer 1

上午好☀️☀️☀️️
本答案参考ChatGPT-3.5

这个问题可能是由于你的npm install -g html-webpack-plugin命令导致的一个全局问题。HTMLWebpack插件需要一个名为webpack.config.js的配置文件，这个文件通常位于项目根目录下。如果你没有在那个文件中指定全局插件html-webpack-plugin，那么每次你在项目的任何目录下运行npm install -g html-webpack-plugin时，都会引入全局的webpack.config.js文件。

要解决这个问题，你需要确保你的webpack.config.js文件包含对html-webpack-plugin的引用。你可以将以下代码添加到你的webpack.config.js文件中：

const path = require('path');

module.exports = {
  // ...
  plugins: [
    new HtmlWebpackPlugin({
      filename: 'dist/index.html',
      template: './src/main-template.html',
      minify: false,
      inject: 'body'
    })
  ]
};

然后，在package.json文件中添加一个scripts对象，并指明全局安装和使用插件的命令：

"scripts": {
  "dev": "npm run dev",
  "build:prod": "npm run build:prod -- --env=production"
}

现在，当你在项目根目录下运行npm run dev或npm run build:prod时，html-webpack-plugin将被自动引入，并且你的webpack.config.js文件将会正确地指向全局安装的插件。

注意：如果你的全局安装的插件需要特定版本的Node.js，请确保你的全局Node.js版本与你的开发环境的版本匹配。否则，你的插件可能无法正常工作。