我已经尝试过查看这个类似问题的一些答案,但我尝试过的解决方案都没有奏效。
我试图在外部javascript文件中创建一个函数,我想在我的主javascript文件中使用该函数。
webpack.config.js
app
-- index.js
-- test.js
module.exports = {
devtool: "cheap-module-source-map",
entry: "./app/index.js",
output: {
filename: "public/bundle.js"
},
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel-loader',
query:
{
presets: ['es2015']
}
}
]
}
};
export default function test(message) {
console.log(message);
}
"use strict"
import test from './app/test.js';
尝试运行webpack命令时出现错误:
ERROR in ./app/index.js
Module not found: Error: Can't resolve './app/test.js'
我已尝试将文件路径更改为相对的文件路径但没有运气,我也尝试在webpack配置文件中添加多个入口点,但仍然没有运气。
答案 0 :(得分:14)
作为回答发布,以便可以从评论中将其标记为已回答:
您的导入路径错误,您似乎应该将import test from './app/test.js';
更改为import test from './test.js';