Как решить 'конструктор класса не может быть вызван без новой ошибки' при сборке с svelte, babel и webpack - PullRequest
Новая
       5

Как решить 'конструктор класса не может быть вызван без новой ошибки' при сборке с svelte, babel и webpack

0 голосов
/ 20 марта 2020

Я пытаюсь заставить svelte, webpack и babel работать вместе. Я создаю минимизированный пакет, однако этот пакет выдает ошибки при загрузке в браузере. Это должно быть совместимо с IE11 при использовании синтаксиса ES6.

Я получаю

Конструктор класса, который я не могу вызвать без 'new'

Соответствующий части моего веб-пакета выглядят следующим образом 

      {
            test: /\.(js|jsx|mjs|svelte)?$/,
            exclude: /node_modules/,
            use: [
                {
                    loader: 'babel-loader',
                    options: {
                        configFile: path.resolve(__dirname, 'babel.config.js')
                    }
                }
            ]
        },
        {
            test: /\.svelte$/,
            exclude: /node_modules/,
            use: {
                loader: "svelte-loader",
                options: {
                    emitCss: false, 
                    hotReload: false
                },
            },
        },

babel.config выглядит следующим образом 

module.exports = {
plugins: [
    '@babel/plugin-proposal-class-properties',
    'angularjs-annotate',
    'lodash'
],
presets: [
    ['@babel/preset-env', {
        useBuiltIns: 'usage',
        corejs: { version: 3, proposals: true }
    }],
    '@babel/preset-react'
    ]
};

Сам файл Svelte довольно прост c

<script>
    export let name = "World";
</script>

<h1>Hello {name}!</h1>

ОБНОВЛЕНИЕ

Я могу запустить его, исключив классы преобразования в конфигурации babel 

exclude: ['transform-classes'],

Однако это, конечно, нарушает IE11.

...