Настройте vue -echart-v3 с Vue для поддержки IE - PullRequest
Новая
       37

Настройте vue -echart-v3 с Vue для поддержки IE

0 голосов
/ 04 февраля 2020

Я пытаюсь использовать echarts с vuejs. Я нашел vue -echarts-v3 как идеальное решение для моего случая использования. После составления всех моих диаграмм я заметил, что мое веб-приложение не выполняет рендеринг в IE с синтаксической ошибкой (SCRIPT1002: Синтаксическая ошибка). Я выяснил, что эта ошибка связана с библиотекой echart, которую я использую.

на странице npm указана следующая конфигурация: Для веб-пакета 1.x: 


      {
        test: /\.js$/,
        loader: 'babel',
        include: [
 -          path.join(prjRoot, 'src')
 -          path.join(prjRoot, 'src'),
 -          path.join(prjRoot, 'node_modules/vue-echarts-v3/src')
        ],
 -        exclude: /node_modules/
 -        exclude: /node_modules(?![\\/]vue-echarts-v3[\\/]src[\\/])/
      },

Для веб-пакета 2.x +: 


      {
        test: /\.js$/,
        loader: 'babel-loader',
 -       include: [resolve('src'), resolve('test')]
 -       include: [resolve('src'), resolve('test'), resolve('node_modules/vue-echarts-v3/src')]
      }

Как настроить то же самое в vue -config. js? Вот версии пакетов, которые я использую:

  • "echarts": "^ 4.5.0",
  • "vue": "^ 2.6.10",
  • "vue -echarts-v3": "^ 2.0.1",

1 Ответ

1 голос
/ 05 февраля 2020

Попробуйте это.

Документация vue -echarts-v3 не сообщает об этом, но вы также должны добавить echarts в конфигурацию вашего веб-пакета (или любого другого используемого вами пакета). 

{
    test: /\.js$/,
    loader: 'babel-loader',
    include: [
      resolve('src'),
      resolve('test'),
      resolve('node_modules/vue-echarts-v3/src'), // Their suggestion https://www.npmjs.com/package/vue-echarts-v3
      resolve('node_modules/echarts/lib'), // Not suggested, but required as well
    ]
  },
...