Essential JS 2 demo samples for Vue
License: Other
Welcome to the demo samples repository for Syncfusion Vue components! This repository contains a collection of sample applications showcasing the usage of various Syncfusion components in a Vue environment.
v16.17.0To run the sample applications locally, follow these steps
npm installnpm run serve
I have install grid with 19.2.44 but it is not working. Also the sample is in vue 2.
Unable to get the demo working, please look at the below errors:
OS: MacOS Cantalina 10.15.5
NPM: 6.14.6
NodeJs: 12.13.1
> [email protected] build /Users/ppondicherry/Documents/praneeth/learn/syncfusion
> node --max_old_space_size=4096 node_modules/@vue/cli-service/bin/vue-cli-service.js build
⠙ Building for production...Starting type checking service...
Using 1 worker with 2048MB memory limit
⠦ Building for production...
ERROR Failed to compile with 2 errors 2:01:29 PM
error in /Users/ppondicherry/Documents/praneeth/learn/syncfusion/src/App.vue
ERROR in /Users/ppondicherry/Documents/praneeth/learn/syncfusion/src/App.vue
932:72 Parameter 'event' implicitly has an 'any' type.
930 | content: 'Next Sample'
931 | });
> 932 | select('#right-pane').addEventListener('scroll', function (event) {
| ^
933 | next.close();
934 | previous.close();
935 | });
error in /Users/ppondicherry/Documents/praneeth/learn/syncfusion/src/index.ts
ERROR in /Users/ppondicherry/Documents/praneeth/learn/syncfusion/src/index.ts
583:72 Parameter 'event' implicitly has an 'any' type.
581 | content: 'Next Sample'
582 | });
> 583 | select('#right-pane').addEventListener('scroll', function (event) {
| ^
584 | next.close();
585 | previous.close();
586 | });
ERROR Build failed with errors.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] build: `node --max_old_space_size=4096 node_modules/@vue/cli-service/bin/vue-cli-service.js build`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/ppondicherry/.npm/_logs/2020-07-13T19_01_30_629Z-debug.log
Looks like syntax errors / code errors from missing closing tags are preventing this demo from running:
npm run serve
> [email protected] serve /Users/nick/Desktop/ej2-vue-samples
> vue-cli-service serve
INFO Starting development server...
Starting type checking service...
Using 1 worker with 2048MB memory limit
69% building 4816/4873 modules 57 active ...on/ej2-heatmap/src/heatmap/axis/axis.js[BABEL] Note: The code generator has deoptimised the styling of /Users/nick/Desktop/ej2-vue-samples/src/grid/data-source.ts as it exceeds the max of 500KB.
98% after emitting CopyPlugin .
ERROR Failed to compile with 8 errors 12:51:08
error in ./src/gantt/taskbar-temp.vue?vue&type=template&id=f424d772&
Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error)
Errors compiling template:
Cannot use <template> as component root element because it may contain multiple nodes.
1 |
|
2 | <template v-if="data.TaskName == 'Oscar moments'">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
3 | <div class="e-gantt-child-taskbar e-custom-moments" style="height:100%;border-radius:5px;">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
4 | <template v-if="data.taskDuration < 4">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
5 | <img class="moments" height="32px" width="32px">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
6 | </template>
| ^^^^^^^^^^^^^^^
7 | <template v-else>
| ^^^^^^^^^^^^^^^^^^^^^
8 | <img class="moments" height="32px" width="32px">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
9 | <span
| ^^^^^^^^^^^
10 | class="e-task-label"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
11 | style="position:absolute;top:15px;font-size:12px;text-overflow:ellipsis;height:90%;overflow:hidden;"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
12 | >{{data.Performance}}</span>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
13 | </template>
| ^^^^^^^^^^^^^^^
14 | </div>
| ^^^^^^^^
15 | </template>
| ^^^^^^^^^^^
16 | <template v-else-if="data.TaskName == 'Oscar performance'">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
17 | <div
| ^^^^^^
18 | class="e-gantt-child-taskbar e-custom-performance"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
19 | style="height:100%;border-radius:5px;"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
20 | >
| ^^^
21 | <template v-if="data.taskDuration <= 5">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
22 | <img class="face-mask" height="32px" width="32px">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
23 | </template>
| ^^^^^^^^^^^^^^^
24 | <template v-else>
| ^^^^^^^^^^^^^^^^^^^^^
25 | <img class="face-mask" height="32px" width="32px">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
26 | <span
| ^^^^^^^^^^^
27 | class="e-task-label"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^
28 | style="position:absolute;top:5px;font-size:12px;text-overflow:ellipsis;height:90%;overflow:hidden;"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
29 | >{{data.Performance}}</span>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
30 | </template>
| ^^^^^^^^^^^^^^^
31 | </div>
| ^^^^^^^^
32 | </template>
| ^^^^^^^^^^^
33 | <template v-else>
| ^^^^^^^^^^^^^^^^^
34 | <div
| ^^^^^^
35 | class="e-gantt-parent-taskbar e-custom-parent"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
36 | style="height:100%;border-radius:5px;text-overflow:ellipsis;"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
37 | >
| ^^^
38 | <template v-if="data.taskDuration < 4">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
39 | <img class="oscar" height="32px" width="32px">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
40 | </template>
| ^^^^^^^^^^^^^^^
41 | <template v-else>
| ^^^^^^^^^^^^^^^^^^^^^
42 | <template v-if="data.Winner && data.Movie">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
43 | <img class="oscar" height="32px" width="32px">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
44 | <span
| ^^^^^^^^^^^^^
45 | class="e-task-label"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
46 | style="position:absolute; top:13px;font-size:14px;"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
47 | >{{data.Winner}}</span>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
48 | <span
| ^^^^^^^^^^^^^
49 | class="e-task-label"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
50 | style="position:absolute;top:33px;font-size:10px;text-overflow:ellipsis;"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
51 | >{{data.Movie}}</span>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
52 | </template>
| ^^^^^^^^^^^^^^^^^
53 | <template v-else-if="data.Movie">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
54 | <img class="oscar" height="32px" width="32px">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
55 | <span
| ^^^^^^^^^^^^^
56 | class="e-task-label"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
57 | style="position:absolute; top:13px;font-size:12px;text-overflow:ellipsis;"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
58 | >{{data.Movie}}</span>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
59 | </template>
| ^^^^^^^^^^^^^^^^^
60 | <template v-else>
| ^^^^^^^^^^^^^^^^^^^^^^^
61 | <span class="e-task-label"></span>
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
62 | </template>
| ^^^^^^^^^^^^^^^^^
63 | </template>
| ^^^^^^^^^^^^^^^
64 | </div>
| ^^^^^^^^
65 | </template>
| ^^^^^^^^^^^
@ ./src/gantt/taskbar-temp.vue?vue&type=template&id=f424d772& 1:0-386 1:0-386
@ ./src/gantt/taskbar-temp.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/gantt/taskbar-template.vue?vue&type=script&lang=js&
@ ./src/gantt/taskbar-template.vue?vue&type=script&lang=js&
@ ./src/gantt/taskbar-template.vue
@ ./src/router.config.ts
@ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--13-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=ts&
@ ./src/App.vue?vue&type=script&lang=ts&
@ ./src/App.vue
@ ./src/main.ts
@ multi (webpack)-dev-server/client?http://192.168.1.109:8080/sockjs-node ./node_modules/@vue/cli-service/node_modules/webpack/hot/dev-server.js ./src/main.ts
error in ./src/tree-grid/detail-temp.vue?vue&type=template&id=3a03cbcd&
Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error)
Errors compiling template:
alt="{{data.FullName}}": Interpolation inside attributes has been removed. Use v-bind or the colon shorthand instead. For example, instead of <div id="{{ val }}">, use <div :id="val">.
2 | <div>
3 | <div style="position: relative; display: inline-block; float: left; font-weight: bold; width: 10%;padding:5px 4px 2px 27px;;">
4 | <img :src="image" alt="{{data.FullName}}"/>
| ^^^^^^^^^^^^^^^^^^^^^^^
5 | </div>
6 | <div style="padding-left: 10px; display: inline-block; width: 66%; text-wrap: normal;font-size:13px;font-family:'Segoe UI';">
@ ./src/tree-grid/detail-temp.vue?vue&type=template&id=3a03cbcd& 1:0-385 1:0-385
@ ./src/tree-grid/detail-temp.vue
@ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--13-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/tree-grid/detail-template.vue?vue&type=script&lang=ts&
@ ./src/tree-grid/detail-template.vue?vue&type=script&lang=ts&
@ ./src/tree-grid/detail-template.vue
@ ./src/router.config.ts
@ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--13-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=ts&
@ ./src/App.vue?vue&type=script&lang=ts&
@ ./src/App.vue
@ ./src/main.ts
@ multi (webpack)-dev-server/client?http://192.168.1.109:8080/sockjs-node ./node_modules/@vue/cli-service/node_modules/webpack/hot/dev-server.js ./src/main.ts
error in ./src/App.vue?vue&type=template&id=7ba5bd90&
Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error)
Errors compiling template:
duplicate attribute: tabindex
86 | </div>
87 | <div class='sb-header-item sb-table-cell sb-settings-wrapper'>
88 | <div class='sb-setting-btn' role="button" tabindex="0" aria-label="toggle settings menu" tabindex="">
| ^^^^^^^^^^^
89 | <span class='sb-settings sb-icons sb-icon-Settings-Preferences'></span>
90 | </div>
@ ./src/App.vue?vue&type=template&id=7ba5bd90& 1:0-368 1:0-368
@ ./src/App.vue
@ ./src/main.ts
@ multi (webpack)-dev-server/client?http://192.168.1.109:8080/sockjs-node ./node_modules/@vue/cli-service/node_modules/webpack/hot/dev-server.js ./src/main.ts
error in ./src/calendar/month-picker.vue?vue&type=template&id=618b53a3&
Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error)
Errors compiling template:
tag <code> has no matching end tag.
15 | <div id="description">
16 | <p>
17 | The Calendar has the <code>Start</code> and the <code>Depth<code> properties that provide options to restrict users from navigating to any Calendar view (year, month, or decade). </p>
| ^^^^^^
18 | <p>More information on the Calendar Start/Depth can be found in the
19 | <a href="https://ej2.syncfusion.com/vue/documentation/api/calendar/#start" target="_blank">Start</a>|<a href="https://ej2.syncfusion.com/vue/documentation/api/calendar/#depth" target="_blank">Depth</a> documentation section.</p>
tag <code> has no matching end tag.
15 | <div id="description">
16 | <p>
17 | The Calendar has the <code>Start</code> and the <code>Depth<code> properties that provide options to restrict users from navigating to any Calendar view (year, month, or decade). </p>
| ^^^^^^
18 | <p>More information on the Calendar Start/Depth can be found in the
19 | <a href="https://ej2.syncfusion.com/vue/documentation/api/calendar/#start" target="_blank">Start</a>|<a href="https://ej2.syncfusion.com/vue/documentation/api/calendar/#depth" target="_blank">Depth</a> documentation section.</p>
@ ./src/calendar/month-picker.vue?vue&type=template&id=618b53a3& 1:0-386 1:0-386
@ ./src/calendar/month-picker.vue
@ ./src/router.config.ts
@ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--13-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=ts&
@ ./src/App.vue?vue&type=script&lang=ts&
@ ./src/App.vue
@ ./src/main.ts
@ multi (webpack)-dev-server/client?http://192.168.1.109:8080/sockjs-node ./node_modules/@vue/cli-service/node_modules/webpack/hot/dev-server.js ./src/main.ts
error in ./src/schedule/calendar-export-import.vue?vue&type=template&id=181b6484&
Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error)
Errors compiling template:
tag <ejs-uploader> has no matching end tag.
35 | </td>
36 | <td style="width: 50%;">
37 | <ejs-uploader id='ics-import' :cssClass='cssClass' name="ics-import" :buttons="buttons"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
38 | :showFileList="showFileList" :multiple="multiple" :allowedExtensions="extensions"
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
39 | :selected="onSelect">
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
@ ./src/schedule/calendar-export-import.vue?vue&type=template&id=181b6484& 1:0-396 1:0-396
@ ./src/schedule/calendar-export-import.vue
@ ./src/router.config.ts
@ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--13-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=ts&
@ ./src/App.vue?vue&type=script&lang=ts&
@ ./src/App.vue
@ ./src/main.ts
@ multi (webpack)-dev-server/client?http://192.168.1.109:8080/sockjs-node ./node_modules/@vue/cli-service/node_modules/webpack/hot/dev-server.js ./src/main.ts
error in ./src/tree-grid/columnmenu.vue?vue&type=template&id=74439870&
Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error)
Errors compiling template:
tag <li> has no matching end tag.
18 | <li><code>AutoFitAll</code> - Auto fit all columns.</li>
19 | <li><code>ColumnChooser</code> - Choose the column visibility.</li>
20 | <li><code>Filter</code> - Filter option is shown to filter the current column.
| ^^^^
21 | </ul>
22 |
@ ./src/tree-grid/columnmenu.vue?vue&type=template&id=74439870& 1:0-384 1:0-384
@ ./src/tree-grid/columnmenu.vue
@ ./src/router.config.ts
@ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--13-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=ts&
@ ./src/App.vue?vue&type=script&lang=ts&
@ ./src/App.vue
@ ./src/main.ts
@ multi (webpack)-dev-server/client?http://192.168.1.109:8080/sockjs-node ./node_modules/@vue/cli-service/node_modules/webpack/hot/dev-server.js ./src/main.ts
error in ./src/dashboard-layout/predefinedlayouts.vue?vue&type=template&id=67e71560&
Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error)
Errors compiling template:
tag <p> has no matching end tag.
42 | </div>
43 | <div id="description">
44 | <p>
| ^^^
45 | This sample demonstrates how to update the panels dynamically in the dashboard layout component.
46 | </div>
@ ./src/dashboard-layout/predefinedlayouts.vue?vue&type=template&id=67e71560& 1:0-391 1:0-391
@ ./src/dashboard-layout/predefinedlayouts.vue
@ ./src/router.config.ts
@ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--13-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=ts&
@ ./src/App.vue?vue&type=script&lang=ts&
@ ./src/App.vue
@ ./src/main.ts
@ multi (webpack)-dev-server/client?http://192.168.1.109:8080/sockjs-node ./node_modules/@vue/cli-service/node_modules/webpack/hot/dev-server.js ./src/main.ts
error in ./src/dashboard-layout/api.vue?vue&type=template&id=02691a32&
Module Error (from ./node_modules/vue-loader/lib/loaders/templateLoader.js):
(Emitted value instead of an instance of Error)
Errors compiling template:
tag <p> has no matching end tag.
54 | </div>
55 | <div id="description">
56 | <p>
| ^^^
57 | This sample allows to configure the <code>cellSize</code>, <code>cellSpacing</code>, <code>allowFloating</code> and
58 | <code>allowPushing</code> properties of the dashboard layout component.
@ ./src/dashboard-layout/api.vue?vue&type=template&id=02691a32& 1:0-377 1:0-377
@ ./src/dashboard-layout/api.vue
@ ./src/router.config.ts
@ ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--13-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=ts&
@ ./src/App.vue?vue&type=script&lang=ts&
@ ./src/App.vue
@ ./src/main.ts
@ multi (webpack)-dev-server/client?http://192.168.1.109:8080/sockjs-node ./node_modules/@vue/cli-service/node_modules/webpack/hot/dev-server.js ./src/main.ts
No type errors found
Version: typescript 3.5.3
Time: 24915ms
Step:
> [email protected] serve D:\webapp\ej2-vue-samples-master
> node --max_old_space_size=8192 node_modules/@vue/cli-service/bin/vue-cli-service.js serve
WARN "baseUrl" option in vue.config.js is deprecated now, please use "publicPath" instead.
INFO Starting development server...
Starting type checking service...
Using 1 worker with 2048MB memory limit
98% after emitting SizeLimitsPlugin
ERROR Failed to compile with 2 errors 3:50:57 PM
These relative modules were not found:
* ./common/samplelist in ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--13-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=ts&
* ./router.config in ./node_modules/cache-loader/dist/cjs.js??ref--13-0!./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--13-2!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/App.vue?vue&type=script&lang=ts&
Type checking in progress...
ERROR in D:/webapp/ej2-vue-samples-master/src/App.vue
411:30 Cannot find module './common/samplelist'.
409 | import * as enCultureData from './common/cldr-data/main/fr-CH/all.json';
410 | import * as chinaCultureData from './common/cldr-data/main/zh/all.json';
> 411 | import * as samplesJSON from './common/samplelist';
| ^
412 | import { ListView, ListBase } from '@syncfusion/ej2-lists';
413 | // import * as elasticlunr from './common/lib/elasticlunr';
414 | // import * as hljs from './common/lib/highlightjs';
ERROR in D:/webapp/ej2-vue-samples-master/src/App.vue
417:20 Cannot find module './router.config'.
415 | let searchJson: any = require('./common/search-index.json');
416 | import { Controls, MyWindow, DestroyMethod, Samples } from './model';
> 417 | import routes from './router.config';
| ^
418 | // import { setTimeout } from "timers";
419 |
420 | loadCldr(numberingSystems, chinaCultureData, enCultureData, swissCultureDate, currencyData, deCultureData, arCultureData);
Version: typescript 3.6.2
Time: 118376ms
Repro path:
audited 16566 packages in 11.061s
found 17 vulnerabilities (1 low, 6 moderate, 10 high)
run npm audit fix to fix them, or npm audit for details
[email protected] build C:\Users\dev\Documents\GitHub\ej2-vue-samples
node --max_old_space_size=8096 node_modules/webpack/bin/webpack.js --config ./webpack.config.js
no output? no info in readme.
When move mouse over sidebar from bottom to top, all the items in side bar get light grey.
npm ERR! code E404
npm ERR! 404 Not Found - GET https://registry.npmjs.org/@syncfusion%2fej2-build - Not found
npm ERR! 404
npm ERR! 404 '@syncfusion/ej2-build@*' is not in the npm registry.
npm ERR! 404 You should bug the author to publish it (or use the name yourself!)
npm ERR! 404 It was specified as a dependency of 'ej2-vue-samples'
npm ERR! 404
npm ERR! 404 Note that you can also install from a
npm ERR! 404 tarball, folder, http url, or git url.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.