Webpack Laravel -Микс ошибки Chunk TypeError: «e [r] не определено» - PullRequest
Новая
       29

Webpack Laravel -Микс ошибки Chunk TypeError: «e [r] не определено»

0 голосов
/ 08 апреля 2020

Создаю веб-приложение с Vue и Laravel. Использую разделение кода и управление версиями с помощью Laravel mix и Webpack под капотом.

Однако всякий раз, когда я делаю изменения в своем коде, запускаю npm, запускаю производство и загрузку на работающем сервере, в частых случаях я получить TypeError: «e [r] не определено»

Screenshot

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

Ниже приведен мой webpack.mix. js file 

const mix = require('laravel-mix');
const webpack = require('webpack');
mix.webpackConfig({
    plugins: [
        new webpack.IgnorePlugin(/^\.\/locale$/, /moment$/)
    ]
})
const CompressionPlugin = require('compression-webpack-plugin');

module.exports = {
    plugins: [new CompressionPlugin()],
    optimization: {
        minimize: true,
        namedModules: true,
        namedChunks: true,
        removeAvailableModules: true,
        flagIncludedChunks: true,
        occurrenceOrder: false,
        usedExports: true,
        concatenateModules: true,
        sideEffects: false, // <----- in prod defaults to true if left blank
    }
};

/*
 |--------------------------------------------------------------------------
 | Mix Asset Management
 |--------------------------------------------------------------------------
 |
 | Mix provides a clean, fluent API for defining some Webpack build steps
 | for your Laravel application. By default, we are compiling the Sass
 | file for the application as well as bundling up all the JS files.
 |
 */

mix.js('resources/js/main/main.js', 'public/v1.4.0/js')
   .sass('resources/sass/app.scss', 'public/css')
    .extract(['vue'])
    .version();

Ответы [ 2 ]

0 голосов
/ 30 апреля 2020

После долгой суеты,

, мой лучший подход состоял в том, чтобы управлять кешем из самого серверного программного обеспечения.

Пример: вы можете предотвратить JS и CSS кэширование с nginx / apache / http конфигурации

0 голосов
/ 29 апреля 2020

У меня была похожая проблема, и я нашел решение, которое было не очень хорошим, но оно работало: установите в параметрах конфигурации webpack optimization.concatenateModules и optimization.minimize значение false.

...