运行npm run build时webpack报ReferenceError: path is not defined如何解决

错误原因 #

你收到的ReferenceError: path is not defined报错，是因为在webpack.config.js的output配置项中使用了path.resolve()方法，但没有在配置文件头部引入Node.js内置的path模块。 #

解决方法 #

path是Node.js内置核心模块，不需要额外安装npm依赖，只需要在webpack.config.js的最顶部添加path模块的引入语句即可。
修改后的完整webpack.config.js配置如下：

const path = require('path'); // 新增这一行引入path模块

module.exports = {
  entry: './src/app.ts',
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        use: 'ts-loader',
        exclude: /node_modules/,
      },
    ],
  },
  resolve: {
    extensions: ['.tsx', '.ts', '.js'],
  },
  output: {
    filename: 'app.js',
    path: path.resolve(__dirname, 'public/dist'),
  },
};

修改完成后重新运行npm run build即可正常执行webpack打包。

内容的提问来源于stack exchange，提问作者George Neison