nuxt structure (or whatever wrong)
hi, i'm trying to have some components working in my nuxt (v2.15.8) project: i really don't know what to do.
i downloaded samples from github and they work, when i put together as component in my project all blows up:
my project structure:
sito2k21(root)
- components
Editor
- index.vue
- node_modules
.....
- pages
- index.vue
........
here my SF component simple code:
and here what i get (and really i can't understand... ej2-pdf-export related???)
i get the same for any other syncfusion components, so must be an env issue
|
<template>
<ejs-richtexteditor ref="defaultRTE" :height="400">
</ejs-richtexteditor>
</template>
<script>
import Vue from "vue";
import { RichTextEditorPlugin, Toolbar, Link, Image, Count, HtmlEditor, QuickToolbar } from "@syncfusion/ej2-vue-richtexteditor";
Vue.use(RichTextEditorPlugin);
export default {
provide: {
richtexteditor:[Toolbar, Link, Image, Count, HtmlEditor, QuickToolbar]
}
}
</script>
<style>
</style> |
donwloaded and tried: i think i'll give up, sorry but 2 whole days spent to (not) have a textbox it's frustrating
thanks for your time
│ │
│ Nuxt @ v2.15.8 │
│ │
│ ▸ Environment: development │
│ ▸ Rendering: server-side │
│ ▸ Target: server │
│ │
│ Listening: http://localhost:3000/ │
│ │
╰───────────────────────────────────────╯
ℹ Preparing project for development 21:09:53
ℹ Initial build may take a while 21:09:53
ℹ Discovered Components: .nuxt/components/readme.md 21:09:53
✔ Builder initialized 21:09:53
✔ Nuxt files generated 21:09:53
✔ Client
Compiled successfully in 15.26s
✔ Server
Compiled successfully in 8.94s
WARN Compiled with 2 warnings friendly-errors 21:10:10
WARN in ./node_modules/@syncfusion/ej2-vue-richtexteditor/src/rich-text-editor/richtexteditor.component.js
"export 'Options' was not found in 'vue-class-component' friendly-errors 21:10:10
friendly-errors 21:10:10
WARN in ./node_modules/@syncfusion/ej2-vue-richtexteditor/node_modules/@syncfusion/ej2-vue-base/src/component-base.js
"export 'Vue' (imported as 'Vue3') was not found in 'vue-class-component'
friendly-errors 21:10:10
ℹ Waiting for file changes 21:10:10
ℹ Memory usage: 565 MB (RSS: 754 MB) 21:10:10
ℹ Listening on: http://localhost:3000/ 21:10:10
_________________________
in devTools:
client.js?06a0:102 TypeError: Object(...) is not a function
at eval (richtexteditor.component.js?5746:211)
at eval (richtexteditor.component.js?5746:218)
at Module../node_modules/@syncfusion/ej2-vue-richtexteditor/src/rich-text-editor/richtexteditor.component.js (index.js:7271)
at __webpack_require__ (runtime.js:854)
at fn (runtime.js:151)
at eval (index.js?a4ef:1)
at Module../node_modules/@syncfusion/ej2-vue-richtexteditor/src/index.js (index.js:7259)
at __webpack_require__ (runtime.js:854)
at fn (runtime.js:151)
at eval (index.js?a780:1)
_callee$ @ client.js?06a0:102
tryCatch @ runtime.js?96cf:63
invoke @ runtime.js?96cf:294
eval @ runtime.js?96cf:119
asyncGeneratorStep @ asyncToGenerator.js?1da1:3
_next @ asyncToGenerator.js?1da1:25
eval @ asyncToGenerator.js?1da1:32
eval @ asyncToGenerator.js?1da1:21
eval @ client.js?06a0:64
Promise.catch (async)
eval @ client.js?06a0:114
eval @ client.js:1300
./.nuxt/client.js @ app.js:35
__webpack_require__ @ runtime.js:854
fn @ runtime.js:151
0 @ app.js:590
__webpack_require__ @ runtime.js:854
checkDeferredModules @ runtime.js:46
webpackJsonpCallback @ runtime.js:33
(anonymous) @ app.js:1
client.js?1b93:195 [HMR] bundle 'client' has 2 warnings
- Ensured by creating a new nuxt project.
- Ensured by rendering our Rich Text Editor component in it.
- Also, Ensured by running the localhost in all major browsers.
- The Vue version you have used in your nuxt project
- If possible please share us with the issue reproducing runnable sample or modify the shared sample project with the issue reproducing code.
- 4 Replies
- 2 Participants
-
AT ALberto Tesoro
- Aug 13, 2021 12:50 AM UTC
- Aug 17, 2021 02:04 PM UTC
