0

我正在尝试在 IE 上运行我的 VueJS + Nuxt 应用程序并收到以下错误:

'无法获取未定义或空引用的属性'调用''

这发生在以下行: 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 上运行?

4

1 回答 1

0

通过删除一个名为 vue2-hammer 的库也解决了这个问题。现在我在 Chrome 和 IE 中有一个问题:'regeneratorRuntime 没有定义'。尝试了谷歌的所有解决方案,但没有解决方案。现在我的 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'],
  },

蚂蚁想法是什么导致了这个?

于 2019-01-09T09:01:16.523 回答