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)
}

我按命令捆绑项目＆gt; 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

导入任何内容

webpack无法找到模块

1 个答案: