Question

我在浏览器中使用节点模块作为客户端应用程序。我明白了当我尝试将相邻文件中的构造函数放入app.js时，'未捕获的ReferenceError：require未定义'。 app.js和Desktop.js位于同一文件夹中，因此相对链接路径应该是正确的。

app.js

console.log('hello')
const Desktop = require('./Desktop')
let newVar = new Desktop()
console.log(newVar.height)

Desktop.js

function Desktop () {
  this.height = 3
}

module.exports = Desktop

webpack还安装了以下配置设置：

var path = require('path')

module.exports = {
  entry: './src/js/app.js',
  output: {
    filename: 'build.js',
    path: path.resolve(__dirname, 'dist')
  },
  devServer: {
    contentBase: path.join(__dirname, 'src'),
    watchContentBase: true,
    port: 4000,
    public: 'localhost:4000'
  },
  devtool: 'cheap-eval-source-map',
  module: {
    rules: [
      {
        // set up standard-loader as a preloader
        enforce: 'pre',
        test: /\.jsx?$/,
        loader: 'standard-loader',
        exclude: /(node_modules)/,
        options: {
          // Emit errors instead of warnings (default = false)
          error: false,
          // enable snazzy output (default = true)
          snazzy: true
        }
      },
      {
        test: /\.css$/,
        loader: 'style-loader!css-loader'
      },
      {
        test: /\.(png|svg|jpg|gif)$/,
        use: [
          'file-loader'
        ]
      }
    ]
  }
}

有什么方法可以解决这个问题吗？

未捕获的ReferenceError：未定义require，webpack错误

0 个答案: