未解决的'require'参考错误
问题描述:
我已经使用webpack创建了一个简单的JavaScript web应用程序。当我尝试运行我的应用程序时,我的控制台中出现'require'未解决的引用错误。下面是我的文件:未解决的'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']
},
}
这里有什么问题?
答
你只是说require('./logger')
。
这是问题所在。您需要将其分配给一个变量。
像这样:
var logger = require('./logger')
BTW,需要在客户端(浏览器内)不工作,它只能在与框架的NodeJS服务器端。
我该如何导入依赖关系? –