Ошибка сборки Prod при использовании плагина svg.js в приложении Angular 7 - PullRequest
1 голос
/ 29 мая 2019

Я использую svg.js вместе с svg.draggable.js в приложении Angular 7, построенном с использованием Angular-cli. Локально все работает нормально, но как только я делаю производственную сборку, я получаю ошибку .draggable не является функцией при доступе к странице.

Вот как я использую их оба в своем компоненте:

import * as SvgJs from '@svgdotjs/svg.js';
import '@svgdotjs/svg.draggable.js';

Это как если бы для производственной сборки Angular-cli не включал svg.draggable.

Может быть, мне нужно сделать что-то большее, но, поскольку оно работает локально, я не знаю, что именно. Кто-нибудь знает, почему это происходит и как это решить?

Возможно, это не относится конкретно к svg.draggable.js, но, кстати, к Angular-cli, но я понятия не имею.

Ответы [ 2 ]

0 голосов
/ 17 июня 2019

Моя проблема возникла из-за того, что я использовал ветку своего форка, а не скомпилированную версию. Я опубликовал свой форк в частном npm, и это сработало. Теперь с новым тегом он работает даже с официальным пакетом.

Так что мой плохой в этом.

0 голосов
/ 15 июня 2019

package.json

"@svgdotjs/svg.draggable.js": "^3.0.2",
"@svgdotjs/svg.filter.js": "3.0.6",
"@svgdotjs/svg.js": "3.0.12",
"@svgdotjs/svg.panzoom.js": "^2.0.3",

...
"devDependencies": {
  "@angular-devkit/build-angular": "0.800.1",   //not 0.800.2 !!!
"@angular/cli": "8.0.1",
...

компонент

import { SVG, G, Pattern, Text, TextPath, Image, Svg } from '@svgdotjs/svg.js'
import '@svgdotjs/svg.filter.js'
import '@svgdotjs/svg.panzoom.js'
import '@svgdotjs/svg.draggable.js'

....
  const imageSVG = this.draw.image(dataUrl).draggable() 
....  

node_modules

svj.js master from 24.05.2019  !!!!!

https://citysoft.pl/przypinam/dashboard

...