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導入任何內容