webpack找不到模块

Question

我正在尝试解决Webpack配置问题。 它是我的webpack.config.js文件：

var webpack = require('webpack');
const path = require('path');

var config = {
   entry: {
        app: "./app/app.js"
    },
    output: {
        path: __dirname + '/dist',
        filename: '[name].bundle.js',
    },
    module: {
        rules: [
            {
                test: /\.js$/,
                use: [{
                    loader: 'babel-loader',
                    options: {presets: ['es2015']}
                }]
            }
        ]
    }
};

module.exports = config;

我的app.js文件：

import {test} from './testModule';

test();

和testModule.js文件：

export function test() {
    console.log(5)
}

我通过命令> webpack --config webpack.config.js捆绑项目

它运行无任何错误，但是当我打开附加了app.bundle.js文件的index.html文件时，在控制台中出现错误：

Uncaught Error: Cannot find module "testModule"
at Object.<anonymous> (app.bundle.js:75)
at __webpack_require__ (app.bundle.js:20)
at Object.defineProperty.value (app.bundle.js:66)
at app.bundle.js:69

我还没有找到解决问题的正确方法。 有任何想法吗 ？

Answer 1

您的testModule.js不是模块，因为它没有任何import语句，因此即使您正在导出内容，也不会将其视为模块。 因此，webpack抱怨。 另外，您的app.js不会导出任何内容，因此您无法从app.js导入任何内容