未解决的'require'参考错误

Question

我已经使用webpack创建了一个简单的JavaScript web应用程序。当我尝试运行我的应用程序时，我的控制台中出现'require'未解决的引用错误。下面是我的文件：

main.js：

require('./logger'); 
const name = 'Scotch.io'; 
setTimeout(() => alert(`Hello there from ${name}`), 1); 

logger.js：

let checkName= (firstName, lastName) => { 
    if(firstName !== 'nader' || lastName !== 'dabit') { 
     console.log('You are not Nader Dabit'); 
    } else { 
     console.log('You are Nader Dabit'); 
    } 
} 
checkName('nader', 'jackson'); 

网络包配置：

module.exports = { 
    entry: ["./global.js" , "./main.js"], 
    output: { 
     filename: "bundle.js" 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.es6$/, 
       exclude: /node_modules/, 
       loader: 'babel-loader', 
       query: { 
        presets: ['react', 'es2015'] 
       } 
      } 
     ] 
    }, 
    resolve: { 
     extensions: ['', '.js', '.es6'] 
    }, 
} 

这里有什么问题？

Answer 1

你只是说require('./logger')。

这是问题所在。您需要将其分配给一个变量。

像这样：

var logger = require('./logger') 

BTW，需要在客户端（浏览器内）不工作，它只能在与框架的NodeJS服务器端。