Javascript Web包的部署问题&；Github页面

我有一个用Webpack构建的小API应用程序。为了在GitHub页面上发布它，我安装了npm包gh页面

一切正常，dist文件夹被正确推送，当我打开live版本时，索引和scss文件也会显示出来

现在的问题是我的bundle.js无法加载。因此，整个功能不处于活动状态。我发现的另一件事是，我的媒体查询也不会突然出现

如果有人能帮我解决这个问题就太好了

我的存储库：

我的webpack.config.js文件：

const path = require('path');
const HtmlWebpackPlugin = require('html-webpack-plugin');
const multi = require('multi-loader');

module.exports = {
    entry: ['babel-polyfill', './src/js/index.js'],
    output: {
        path: path.resolve(__dirname, 'dist'),
        filename: 'js/bundle.js'
    },
    devServer: {
        contentBase: './dist'
    },
    plugins: [
        new HtmlWebpackPlugin({
          filename: 'index.html',
          template: './src/index.html'  
        })
    ],
    module: {
        rules: [
            {  
                test: /\.js$/,
                exclude: /node_modules/,
                use: {
                    loader: 'babel-loader'
                }
            },
            {
                test: /\.scss$/,
                use: {
                    loader: multi('style-loader!css-loader!sass-loader')
                }
            },
            {
                test: /\.(png|svg|jpg|gif)$/,
                use: [
                    'file-loader'
                ],
            },
        ],
    },
};

---

您的控制台或浏览器中的“网络”选项卡中是否有错误？没有，我没有错误…我在本地系统中克隆了您的项目。您已经有dist文件夹。当我提供该文件夹时，项目不起作用，但当我使用npm run dev或npm run build重建项目，然后提供该文件夹时，它工作正常。同样的事情也会发生在你身上吗？解决了：我已经删除了本地存储库，并使用npm运行构建和npm运行部署重新构建了它……一切正常。非常感谢你帮了我的忙！您的控制台或浏览器中的“网络”选项卡中是否有错误？没有，我没有错误…我在本地系统中克隆了您的项目。您已经有dist文件夹。当我提供该文件夹时，项目不起作用，但当我使用npm run dev或npm run build重建项目，然后提供该文件夹时，它工作正常。同样的事情也会发生在你身上吗？解决了：我已经删除了本地存储库，并使用npm运行构建和npm运行部署重新构建了它……一切正常。非常感谢你帮了我的忙！