2017-02-11 8 views
1

Я пытаюсь добавить ZingCharts в мой проект Aurelia. Я скопировал и вставил код в мой код Aurelia, но когда я его запустил, я получаю следующую ошибку: «Невозможно прочитать свойство« render »неопределенного».Получение «Невозможно прочитать свойство« рендеринга »неопределенного» в zingchart

Я импортировал ZingChart, используя npm zingchart. Затем я добавил «zingchart» к зависимостям в aurelia.json. В моем классе javascript aurelia я добавил это вверху: import zingchart from 'zingchart'; и скопировал/вставил пример кода «Моя первая диаграмма» из ZingChart в метод attached.

Любые советы были бы оценены. Мой код находится на GitHub, если вы хотите взглянуть.

https://github.com/BizArk/JobMon/tree/ZingChart/JobMonWeb

Javascript файл я добавил ZingCharts к в dashboard.js

UPDATE - я до сих пор не решили эту проблему, но вот некоторые вещи, которые я пробовал, не работают .. .

  1. Удалены node_modules и переустановить все (НПМ установки)
  2. Ый/переустановил Aurelia-кли. Казалось, что у меня были проблемы, которые, возможно, были связаны между собой, но теперь она работает нормально, и исходная проблема все еще не исправлена.
  3. Пробовал помещать zingcharts.min.js в разделе preend. Удивительно, но я получаю ту же ошибку, я ожидал, что она будет по крайней мере немного отличаться, если я поставлю ее здесь.

UPDATE # 2 - В zingchart/index.js, я изменил требуют ../node_modules/zingchart/client/zingchart.min.js и он не работал (без ошибок и график отображается). Однако это не может быть прав. Не должен ли путь быть относительно файла? Это ошибка в Gulp?

ответ

1

Ваш формат для списка зависимостей aurelia.json является неполным и не содержит требуемой информации. Он должен быть в следующем формате: минимальный

{ 
    "name": "zingchart", 
    "path": "../node_modules/zingchart", 
    "main": "index" 
} 

Поскольку я не знаком с конкретной библиотекой, вы должны проверить путь (в корневую папку репозитория, где главный .js файл) и основной (имя файла основного .js файла, без расширение .js). Статья from ваших заявлений import должна соответствовать в aurelia.json (например, import classname from "repo_name";).

+0

Я пробовал это, но когда я это сделаю, я получаю эту ошибку. ENOENT: нет такого файла или каталога, откройте «S: \ Development \ JobMon \ JobMonWeb \ zingchart \ client \ zingchart.min.js» Возможно, проблема в другом? В index.js он имеет требование («./ client/zingchart.min.js»); Похоже, что он не относится к библиотеке zingchart. Есть ли что-то еще, что мне нужно сделать, чтобы заставить его работать? – Brian

+0

Почему в путь не входит 'node_modules'? Каков фактический полный путь к 'zingchart.min.js'? – LStarky

+0

../node_modules/zingchart/client. index.js находится в корневой директории zingchart. Вероятно, ваша предпосылка лучше, чем моя, потому что она не ищет в каталоге node_modules. Я даже не уверен, что это проблема с Gulp или Aurelia. – Brian

Смежные вопросы