'require'에 대한 확인되지 않은 참조 오류가 발생했습니다.

Question

webpack을 사용하여 간단한 javascript 웹 앱을 만들었습니다. 내 응용 프로그램을 실행하려고 할 때 내 콘솔에서 '요구'에 대한 확인되지 않은 참조 오류가 발생합니다.

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')입니다.

이것이 문제입니다. 그것을 변수에 할당해야합니다. 이처럼

: BTW

var logger = require('./logger') 

, 그것은 단지 NodeJS 프레임 워크 서버 측에서 작동 (의 브라우저) 클라이언트 측에서 작동하지 않습니다 필요합니다.