'require'の未解決の参照エラー

Question

webpackを使用して簡単なjavascript Webアプリケーションを作成しました。私は私のアプリケーションを実行しようとすると私のコンソールで '要求'の未解決の参照エラーが発生します。

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') 

ところでは、（ブラウザ内）、クライアント側では動作しません、それだけNodeJSフレームワークとサーバー側で動作する必要があります。