Как определить правильный пресет при использовании Nuxt для запуска в IE - PullRequest
Новая
       24

Как определить правильный пресет при использовании Nuxt для запуска в IE

0 голосов
/ 03 января 2019

Я пытаюсь запустить приложение VueJS + Nuxt в IE и получить следующую ошибку:

«Невозможно получить вызов свойства» с неопределенной или нулевой ссылкой »

Это происходитв следующей строке: modules [moduleId] .call (module.exports, module, module.exports, hotCreateRequire (moduleId));

когда moduleID = "./node_modules/webpack-hot-middleware/client.js? name = client & reload = true & timeout = 30000 & path = / __ webpack_hmr "

Я думаю, что это как-то связано с тем, как я настраиваю свои пресеты при использовании Nuxt.

Это сейчас как nuxt.configЧасть сборки .js выглядит следующим образом:

build: { vendor: ['vuetify', 'babel-polyfill', 'vued3tree', 'vue2-editor','lodash'], extractCSS: true, babel: { presets: [ ['es2015'], [ 'vue-app', { useBuiltIns: true, targets: { ie: 11, uglify: true }, }, ], ], },

Как мне настроить мои предварительные настройки, чтобы приложение работало в IE?

1 Ответ

0 голосов
/ 09 января 2019

также решил эту проблему, удалив библиотеку vue2-hammer. Теперь у меня есть одна проблема в Chrome и в IE: «регенератор не определен». перепробовал каждое решение в гугле и нет решения. Теперь мой Nuxt.config.js выглядит так: 

const polyfill = require('@babel/polyfill');

module.exports = {
  entry: [polyfill],
build: {
    extractCSS: true,
    extend(config, ctx) {
      if (ctx.isDev && ctx.isClient) {
        config.module.rules.push(
          {
            enforce: 'pre',
            test: /\.(js|vue)$/,
            loader: 'eslint-loader',
            exclude: /(node_modules)/,
          },
          {
            test: /\.js$/,
            loader: 'babel-loader',
            options: {
              plugins: [
                [
                  '@babel/plugin-transform-runtime',
                  {
                    corejs: false,
                    helpers: true,
                    regenerator: true,
                    useESModules: false,
                  },
                ],
                [
                  '@babel/plugin-transform-regenerator',
                  {
                    asyncGenerators: false,
                    generators: false,
                    async: false,
                  },
                ],
                'babel-plugin-transform-es2015-shorthand-properties',
                '@babel/plugin-transform-exponentiation-operator',
                '@babel/plugin-syntax-dynamic-import',
                '@babel/plugin-transform-arrow-functions',
              ],
            },
          },
        );
      }
    },
  },
  babel: {
    presets: [
      [
        'es2015',
        'stage-0',
      ],
    ],
    exclude: ['transform-regenerator'],
  },

Идея муравья, что может вызвать это?

...