Webpack 未找到模块，需要（'；file.hbs'；）

我试图在一个项目中使用把手，使用这些帖子：

在我的gulp.js文件中，我有以下代码来扩展Webpack

build.configureWebpack.mergeConfig({
   additionalConfiguration: (generatedConfiguration)=> {
         generatedConfiguration.module.rules.push( 
            { test: /\.hbs$/, loader: "handlebars-template-loader" } ); 
       return generatedConfiguration; 
    }
    }); 
 build.initialize(gulp); 

我在config文件夹下创建了一个名为copy-static.assets.json的新文件，其中包含以下代码：

{"includeExtensions": ["hbs"]}

我的模板与.ts webpart文件处于同一级别，我引用的模板如下：

var compiled = require('./test.hbs'); 

我在运行gulp serve时遇到此错误：

Module not found: Error: Can't resolve './test.hbs' using description file: C:\solutions\mywebpart\package.json . Field 'browser' doesn't contain a valid alias configuration.

你知道怎么解决这个问题吗

注：我使用的是网页2

试试这个

const loaderRule = {
    "use": [{
    "loader": "handlebars-template-loader"
    }],
    "test": /\.hbs/
};

build.configureWebpack.mergeConfig({
    additionalConfiguration: (generatedConfiguration) => {
    generatedConfiguration.module.rules.push(loaderRule);

    return generatedConfiguration;}
});