Запуск dev-сервера в проекте, созданном Vue cli 3

обновление: исправление теперь доступно в v3.0.0-beta.7. В настоящее время это исправление opt-in, поэтому вам нужно добавить decoratorsLegacy:true до .babelrc вновь созданного проекта Vue:

{
  "presets": [
    [
      "@vue/app",
      {
        "decoratorsLegacy": true
      }
    ]
  ]
}

чтобы исправить существующий проект, отредактируйте .babelrc как показано выше, обновите package.json заменить beta.6 С beta.7 и перезапустите yarn/npm install.

TLDR: здесь PR (vue-cli #1163) исправить проблема, но лучшее решение IMO-использовать .babelrc.js (ниже).

есть GitHub вопрос, комментарий что означает @babel/preset-stage-2@7.0.0-beta.44 помог бы, но установка его не помогла. Другой предложение заменить Бабеля presets config в .babelrc со следующим действительно разрешена ошибка:

{
  "presets": [
    // "@vue/app",  // REMOVE THIS
    ["@babel/preset-env", {
      "targets": {
        "browsers": [
          "> 5%",
          "last 2 versions",
          "not ie <= 8"
        ]
      },
      "modules": false,
      "exclude": [
        "transform-regenerator"
      ]
    }],
    ["@babel/preset-stage-2", {
      "useBuiltIns": true,
      "decoratorsLegacy": true
    }]
  ]
}

Примечание @vue/app предустановка должна быть удалена, потому что она инициализирует @babel/preset-stage-2 без необходимого собственность (decoratorsLegacy: true). Это решение работает, но оно не совместимо с любыми потенциальными улучшениями, сделанными в @vue/app preset (включая любые исправления для этой самой проблемы).

.babelrc.js

более прямой совместимый обходной путь-обернуть @vue/app preset и изменить config для @babel/preset-stage-2. Когда ремонтники исправляют @vue/app, мы можем просто вернуться к значению по умолчанию .babelrc. Чтобы получить эту работу, переименуйте .babelrc to .babelrc.js и замените его содержимое с:

const vueBabelPreset = require('@vue/babel-preset-app');

module.exports = (context, options = {}) => {
  // Cache the returned value forever and don't call this function again.
  context.cache(true);

  const {presets, plugins} = vueBabelPreset(context, options);

  // Find @babel/preset-stage-2, and update its config to enable `decoratorsLegacy`.
  const presetStage2 = require('@babel/preset-stage-2');
  const preset = presets.find(p => p[0] === presetStage2);
  if (preset) {
    preset[1].decoratorsLegacy = true;
  }

  return {
    presets,
    plugins
  };
}