找不到的模块无法解决

时间:2017-05-23 15:25:55

标签: javascript webpack

我已经尝试过查看这个类似问题的一些答案,但我尝试过的解决方案都没有奏效。

我试图在外部javascript文件中创建一个函数,我想在我的主javascript文件中使用该函数。

文件结构

webpack.config.js
app
-- index.js
-- test.js

webpack.config.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']
                }
            }
        ]
    }
};

test.js

export default function test(message) {
    console.log(message);
}

index.js

"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配置文件中添加多个入口点,但仍然没有运气。

1 个答案:

答案 0 :(得分:14)

作为回答发布,以便可以从评论中将其标记为已回答:

您的导入路径错误,您似乎应该将import test from './app/test.js';更改为import test from './test.js';