powered by simpleCommunicator - 2.0.59     © 2025 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Отчет Stimulsoft Reports.js+Vue.js
12 сообщений из 12, страница 1 из 1
Отчет Stimulsoft Reports.js+Vue.js
    #39864373
vb_sub
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Всем привет, пишу приложение на Vue, из которого нужно отправить данные на печать со связкой в сабже.
Купил генератор Stimulsoft Reports.js, установил stimulsoft-reports-js через npm и пытаюсь в методе компонента вызвать создание отчета из примера по мануала

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
  printStock() {
      //печать накладной
      var viewer = new window.Stimulsoft.Viewer.StiViewer(
        null,
        "StiViewer",
        false
      );

      var report = new window.Stimulsoft.Report.StiReport();
      report.loadFile("/Reports/DeliveryNote.mrt");
      viewer.report = report;
      viewer.renderHtml("viewer");
    }



однако получаю ошибку:
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'Viewer' of undefined"
То есть генератор отчетов не импортировался.
В примере мануала отчет подключается посредством добавления ссылок на js файлы
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>stimulsoft</title>
    <link rel="stylesheet" href="stimulsoft/stimulsoft.viewer.office2013.whiteblue.css">
  </head>
  <body>
    <div id="app"></div>
    
    <script src="stimulsoft/stimulsoft.reports.js"></script>
    <script src="stimulsoft/stimulsoft.viewer.js"></script>
    <script src="/dist/build.js"></script>    
  </body>
</html>
Саппорт, к сожалению не смог помочь.
Подскажите плиз как можно разрулить.
...
Рейтинг: 0 / 0
Отчет Stimulsoft Reports.js+Vue.js
    #39864427
Дмитрий Мух
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
vb_sub,

для начала нажать F12 и посмотреть, почему скрипты не подгружаются
...
Рейтинг: 0 / 0
Отчет Stimulsoft Reports.js+Vue.js
    #39864481
vb_sub
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Дмитрий Мух,
проблема скорее всего в том, что я не могу нормально импортировать пакет stimulsoft в приложение.
После команды stimulsoft-reports-js у меня в node_modules появилась папка stimulsoft-reports-js с набором файлов в приложении к сообщению .
В main.js я по-разному пытался его импортировать
Код: xml
1.
2.
3.
import rep from "../node_modules/stimulsoft-reports-js";
///  или так
import rep from "../node_modules/stimulsoft-reports-js/index";


но при сборке получаю ошибку об отсутствии зависимостей

These dependencies were not found:

* dns in ./node_modules/pg/lib/connection-parameters.js, ./node_modules/tedious/lib/connector.js and 1 other
* pg-native in ./node_modules/pg/lib/native/index.js

To install them, you can run: npm install --save dns pg-native


Текущий лог (без импорта stimulsoft в main.js)
log.js?1afd:24 [HMR] Waiting for update signal from WDS...
vue.runtime.esm.js?2b0e:619 [Vue warn]: Error in v-on handler: "TypeError: Cannot read property 'Viewer' of undefined"

found in

---> <VBtn>
<PrintNakl> at src/views/PrintNakl.vue
<VContent>
<VApp>
<App> at src/App.vue
<Root>
warn @ vue.runtime.esm.js?2b0e:619
logError @ vue.runtime.esm.js?2b0e:1884
globalHandleError @ vue.runtime.esm.js?2b0e:1879
handleError @ vue.runtime.esm.js?2b0e:1839
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1862
invoker @ vue.runtime.esm.js?2b0e:2179
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
Vue.$emit @ vue.runtime.esm.js?2b0e:3882
click @ VBtn.js?8336:123
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
invoker @ vue.runtime.esm.js?2b0e:2179
original._wrapper @ vue.runtime.esm.js?2b0e:6911
vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read property 'Viewer' of undefined
at VueComponent.printStock (PrintNakl.vue?6c6f:174)
at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
at VueComponent.invoker (vue.runtime.esm.js?2b0e:2179)
at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
at VueComponent.Vue.$emit (vue.runtime.esm.js?2b0e:3882)
at VueComponent.click (VBtn.js?8336:123)
at invokeWithErrorHandling (vue.runtime.esm.js?2b0e:1854)
at HTMLButtonElement.invoker (vue.runtime.esm.js?2b0e:2179)
at HTMLButtonElement.original._wrapper (vue.runtime.esm.js?2b0e:6911)
logError @ vue.runtime.esm.js?2b0e:1888
globalHandleError @ vue.runtime.esm.js?2b0e:1879
handleError @ vue.runtime.esm.js?2b0e:1839
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1862
invoker @ vue.runtime.esm.js?2b0e:2179
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
Vue.$emit @ vue.runtime.esm.js?2b0e:3882
click @ VBtn.js?8336:123
invokeWithErrorHandling @ vue.runtime.esm.js?2b0e:1854
invoker @ vue.runtime.esm.js?2b0e:2179
original._wrapper @ vue.runtime.esm.js?2b0e:6911
...
Рейтинг: 0 / 0
Отчет Stimulsoft Reports.js+Vue.js
    #39864714
SQLPowerUser
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
vb_sub,

а эти скрипты точно подключаются? Пути/имена правильно указаны?
Код: javascript
1.
2.
<script src="stimulsoft/stimulsoft.reports.js"></script>
<script src="stimulsoft/stimulsoft.viewer.js"></script>

Если да, то в консоле должен появиться какой-то объект
Код: javascript
1.
2.
console.log('window.Stimulsoft =', window.Stimulsoft);
console.log('Stimulsoft =', Stimulsoft);


з.ы.Вчера малость помучился с Vuefire и прочими зависимостями... Короче, подгрузил скрипты напрямую
Код: javascript
1.
2.
3.
<script src="../etc/vue.js"></script>
<script src="../etc/vuefire.js"></script>
...

И вместо двух строчек:
Код: javascript
1.
2.
import { firestorePlugin } from 'vuefire'
Vue.use(firestorePlugin)

написал одну:
Код: javascript
1.
Vue.use(Vuefire.firestorePlugin);

Всё заработало. Но потом, конечно, буду разбираться, что к чему. VueCli - всё-таки хорошая штука :)
...
Рейтинг: 0 / 0
Отчет Stimulsoft Reports.js+Vue.js
    #39864756
vb_sub
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
SQLPowerUser,
пишет undefined.
Пробую подключать не через npm, а через ссылку на скрипты- скопировал всю папку со скриптами из демонстрационного примера Stimulsoft reports.Js+Vue, теперь пишется ошибка в консоли, что stimulsoft.reports.js- невалидный("Uncaught SyntaxError: Unexpected token <"). Проверил файл на валидаторе- все нормально.
...
Рейтинг: 0 / 0
Отчет Stimulsoft Reports.js+Vue.js
    #39864772
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
какой браузер используете?
...
Рейтинг: 0 / 0
Отчет Stimulsoft Reports.js+Vue.js
    #39866030
vb_sub
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Konst_One,
Chrome Версия 76.0.3809.132 (Официальная сборка), (64 бит)
...
Рейтинг: 0 / 0
Отчет Stimulsoft Reports.js+Vue.js
    #39866070
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вот тут народ к ангуляру подключал: https://stackoverflow.com/a/54547392
посмотри, может поможет
...
Рейтинг: 0 / 0
Отчет Stimulsoft Reports.js+Vue.js
    #39867170
vb_sub
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Получилось немного продвинуться в направлении решении проблемы.
Создаю пустой проект Vue, и не могу подключить никакой js файл в скрипты

index.html
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
    <title>aeromar.workshedulerviewer</title>
  </head>
  <body>
    <noscript>
      <strong
        >We're sorry but aeromar.workshedulerviewer doesn't work properly
        without JavaScript enabled. Please enable it to continue.</strong
      >
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->

    
    <script src="/emptyJs.js"></script>
  </body>
</html>



Любой js-файл, который я добавляю, не подгружается с ошибкой "Uncaught SyntaxError: Unexpected token" . Что можно сделать?
...
Рейтинг: 0 / 0
Отчет Stimulsoft Reports.js+Vue.js
    #39867204
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
Отчет Stimulsoft Reports.js+Vue.js
    #39867685
vb_sub
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
В общем кто будет парится с такой же проблемой, нужно перенести файлы скриптов в папку "public" и все заработает.
...
Рейтинг: 0 / 0
Отчет Stimulsoft Reports.js+Vue.js
    #39879374
vb_sub
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Еще раз привет, дописал приложения до уровня того, что оно печатает отчет. Но как можно убрать браузерный превью печати? Чтобы можно было из кода напрямик посылать печать на принтер по умолчанию? Прописал аргумент при запуске браузера
\Application\chrome.exe" --disable-print-preview , превью пропало, но все равно каждый раз при печати спрашивает на какой принтер пустить. Можно ли как-то зафиксировать в приложении использование принтера по умолчанию?
...
Рейтинг: 0 / 0
12 сообщений из 12, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Отчет Stimulsoft Reports.js+Vue.js
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]