Module introuvable ne peut pas résoudre

J'ai essayé de regarder quelques-unes des réponses à cette question similaire, mais aucune des solutions que j'ai tenté de y ont travaillé.

Je suis en train de créer une fonction dans un fichier javascript et je voudrais utiliser cette fonction dans mon principal fichier javascript.

Structure Du Fichier

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

Lorsque vous tentez d'exécuter le webpack commande j'obtiens l'erreur:

ERROR in ./app/index.js

Module not found: Error: Can't resolve './app/test.js'

J'ai essayé de changer le chemin d'accès au fichier par un relatif à pas de chance et j'ai aussi essayé d'ajouter de multiples points d'entrée dans le webpack fichier de config, mais toujours pas de chance.

Votre importation chemin est mauvais, il semble que vous devriez changer de import test from './app/test.js'; à import test from './test.js';
Vous aviez raison, je suppose que j'ai été donner un chemin absolu, mais il semble que j'ai mal compris les chemins d'accès. Je vous remercie beaucoup.

OriginalL'auteur Mr.Smithyyy | 2017-05-23

  1. 13

    Affichée comme réponse, de sorte qu'il peut être marqué comme réponse, de commentaire:

    Votre importation chemin est mauvais, il semble que vous devriez changer de import test from './app/test.js'; à import test from './test.js';

    OriginalL'auteur Joe Lissner