Трудности с развертыванием интерфейсного приложения в Google app engine

# #javascript #reactjs #google-app-engine #webpack #deployment

Вопрос:

Я пытаюсь развернуть приложение в Google app engine, но каждый раз, когда я его развертываю, оно только считывает index.html файл и то и то bundled.js файлы, похоже, не работают

     devtool: 'source-map',
    context: __dirname,
    mode: 'development',
    entry: {
        index: './index.js',
    },
    output: {
        filename: 'bundle.js',
    },
    module: {
        rules: [
            {
                test: /.js$/,
                exclude: [/node_modules/, /.worker.js$/],
                use: [
                    {
                        loader: 'babel-loader',
                        options: {
                            cacheDirectory: true,
                        },
                    },
                ],
            },
            {
                test: /.worker.js$/,
                use: ['worker-loader'],
            },
            {
                test: /.less$/,
                exclude: [/node_modules/, /.global.less$/],
                use: [
                    'style-loader',
                    {
                        loader: 'css-loader',
                        options: {
                            modules: {
                                exportLocalsConvention: 'camelCase',
                            },
                        },
                    },
                    'less-loader',
                ],
            },
            {
                test: /.global.less$/,
                exclude: [/node_modules/],
                use: ['style-loader', 'css-loader', 'less-loader'],
            },
            {
                test: /.less$/,
                include: [/node_modules/],
                use: [
                    'style-loader',
                    'css-loader',
                    {
                        loader: 'less-loader',
                        options: {
                            lessOptions: {
                                modifyVars: antdTheme,
                                javascriptEnabled: true,
                            },
                        },
                    },
                ],
            },
            {
                test: /.css$/,
                use: ['style-loader', 'css-loader'],
            },
            {
                test: /.(diff|raw)$/,
                use: ['raw-loader'],
            },
        ],
    },
    resolve: {
        extensions: ['.js'],
        modules: ['node_modules'],
        alias: {
            'TOOL': path.resolve(__dirname, '..', 'src'),
            'mapbox-gl

Это сервер, который я использую для размещения приложения, но он, кажется, никогда не запускается, когда я использую его в движке приложений Google.У меня есть он для запуска на firebase, и он отлично работает локально, но мне очень трудно заставить его работать на сервере. И я не уверен, как мне следует это делать правильно. Любая помощь будет очень признательна.

 const path = require('path')
const app = require('api-engine')();

const { PORT = 8080 } = process.env;

app.use('/', (req, res) => { 
    return res.sendFile(path.join(__dirname   '/dist/index.html'));
 });

app.listen(PORT, () => {
    console.info(`Listening on port ${PORT}`);
});
 

Я также получаю эту ошибку, когда пытаюсь развернуть ее на своем сервере локально

 Refused to execute script from 'http://localhost:8080/bundle.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.
 

Комментарии:

1. Так ли это bundle.js , или bundled.js ? Где bundle.js находится по отношению к этому файлу? Попробуйте ввести относительный путь в filename: 'bundle.js',

2. @джон, проблема решена?

3. @divyaniYadav да это плохо загрузить решение в один момент

4. @john Можете ли вы загрузить решение, это было бы полезно.

: path.resolve('./node_modules/mapbox-gl/dist/mapbox-gl.js'),
},
},
plugins: [
new HtmlWebpackPlugin({
title: 'TOOL',
}),
],
devServer: {
port: 8080,
open: true,
inline: true,
hot: false,
},
};
Это сервер, который я использую для размещения приложения, но он, кажется, никогда не запускается, когда я использую его в движке приложений Google.У меня есть он для запуска на firebase, и он отлично работает локально, но мне очень трудно заставить его работать на сервере. И я не уверен, как мне следует это делать правильно. Любая помощь будет очень признательна.


Я также получаю эту ошибку, когда пытаюсь развернуть ее на своем сервере локально


Комментарии:

1. Так ли это bundle.js , или bundled.js ? Где bundle.js находится по отношению к этому файлу? Попробуйте ввести относительный путь в filename: 'bundle.js',

2. @джон, проблема решена?

3. @divyaniYadav да это плохо загрузить решение в один момент

4. @john Можете ли вы загрузить решение, это было бы полезно.