import Notify from 'mdbvue' - Could not find a declaration f

Topic: import Notify from 'mdbvue' - Could not find a declaration file for mdbvue

frederickvalone free asked 5 years ago

I am using mdbvue pro and loading mdb from githlab as a dependency in package.json.

When I try to use Notify as I can in the downloaded or cloned git repository sample app with

import Notify from 'mdbvue'

Vue.use(Notify)

In the main.js file I get a message when npm run serve is called

"export 'default' (imported as 'Notify') was not found in 'mdbvue'

Also visual studio code shows the following error hint at the import line in main.js

import Notify from 'mdbvue' - Could not find a declaration file for mdbvue.

So far all the rest of my imports are still working in the application since updating the dependency to load the mdbvue pro from git

"mdbvue": "git+https://oauth2:<access_token>@git.mdbootstrap.com/mdb/vue/vu-pro.git",

Any thoughts on how to fix this? I need notifications.

Add comment

Mikołaj Smoleński staff answered 4 years ago

0 0 Best answer

Can you check if the directory exists in node_modules/mdbvue?

Also make sure there is the latest version of MDB Vue (6.0.0)

Best regards

axitech free commented 4 years ago

I've got the same problem.

This dependency was not found: * mdbvue/lib/components/Notify in ./src/main.js To install it, you can run: npm install --save mdbvue/lib/components/Notify

however when you run that install, it refuses to install it.

Mikołaj Smoleński staff commented 4 years ago

Please open a new ticket. This issue was closed a long time ago. Best regards

Add comment

eastolfi91 pro answered 4 years ago

0 0 Best answer

The correct syntax is import Notify from 'mdbvue/lib/components/Notify

Yeah, sorry for not indicating it clearer. Actually, the problem is with that sintax, which is what it's added when doing vue add mdb

enter image description here

Add comment

Mikołaj Smoleński staff answered 4 years ago

0 0 Best answer

The correct syntax is:

import Notify from 'mdbvue/lib/components/Notify';

It should work.

Best regards

Add comment

eastolfi91 pro answered 4 years ago

0 0 Best answer

Hi,

With the newer release (6.0.0) this is happening again:

 Could not find a declaration file for module 'mdbvue/lib/components/Notify'.

The project structured has changed, so the previous fixes are no longer valid. I'm currently creating a brand new project.

Thanks

Add comment

Soluti Alexandre Henrique de Souza Torres pro answered 5 years ago

1 0 Best answer

Hello, Try this:

import {Notify} from "mdbvue";

using the " { } ". Worked for me

Mikołaj Smoleński staff commented 5 years ago

Thanks Soluti for Your information!

Cheers!

Add comment

frederickvalone free answered 5 years ago

0 0 Best answer

<p>I had tried that by the time I got you message and it seems to be working in the app I am concerned with. But it seams that notify cannot be accessed from vue router or vuex data stores functions. Is this correct? All our session functionality is maintained in the router and store so I want to be able to initiate notifications from the router or store</p><p>Currently when I import the Notify plugin and pass it to the router the object I can access is just the function in the Notify.js file not an actual installed plugin</p><p>here is how I am trying to use it currently</p><div style="color: #d4d4d4; background-color: #1e1e1e; font-family: Consolas, 'Courier New', monospace; font-weight: normal; font-size: 14px; line-height: 19px; white-space: pre;"><div><span style="color: #c586c0;">import</span> <span style="color: #9cdcfe;">Vue</span> <span style="color: #c586c0;">from</span> <span style="color: #ce9178;">'vue'</span></div><div><span style="color: #c586c0;">import</span> <span style="color: #9cdcfe;">Router</span> <span style="color: #c586c0;">from</span> <span style="color: #ce9178;">'vue-router'</span></div><div><span style="color: #c586c0;">import</span> <span style="color: #9cdcfe;">Home</span> <span style="color: #c586c0;">from</span> <span style="color: #ce9178;">'./views/Home.vue'</span></div><div><span style="color: #c586c0;">import</span> <span style="color: #9cdcfe;">Records</span> <span style="color: #c586c0;">from</span> <span style="color: #ce9178;">'./views/Records.vue'</span></div><div><span style="color: #c586c0;">import</span> <span style="color: #9cdcfe;">Users</span> <span style="color: #c586c0;">from</span> <span style="color: #ce9178;">'./views/Users.vue'</span></div><div><span style="color: #c586c0;">import</span> <span style="color: #9cdcfe;">Allocations</span> <span style="color: #c586c0;">from</span> <span style="color: #ce9178;">'./views/Allocations.vue'</span></div><div><span style="color: #c586c0;">import</span> <span style="color: #9cdcfe;">store</span> <span style="color: #c586c0;">from</span> <span style="color: #ce9178;">'./store/index.js'</span></div><div><span style="color: #c586c0;">import</span> <span style="color: #9cdcfe;">Notify</span> <span style="color: #c586c0;">from</span> <span style="color: #ce9178;">'mdbvue/src/components/pro/Notify'</span></div><br /><div><span style="color: #9cdcfe;">Vue</span><span style="color: #d4d4d4;">.</span><span style="color: #dcdcaa;">use</span><span style="color: #d4d4d4;">(</span><span style="color: #9cdcfe;">Router</span><span style="color: #d4d4d4;">, </span><span style="color: #9cdcfe;">Notify</span><span style="color: #d4d4d4;">)</span></div><br /><div><span style="color: #569cd6;">const</span> <span style="color: #9cdcfe;">qcRouter</span> <span style="color: #d4d4d4;">=</span> <span style="color: #569cd6;">new</span> <span style="color: #4ec9b0;">Router</span><span style="color: #d4d4d4;">({</span></div></div><p>Any help would be appreciated</p>

Please insert min. 20 characters.

I had tried that by the time I got you message and it seems to be working in the app I am concerned with. But it seams that notify cannot be accessed from vue router or vuex data stores functions. Is this correct? All our session functionality is maintained in the router and store so I want to be able to initiate notifications from the router or store

Currently when I import the Notify plugin and pass it to the router the object I can access is just the function in the Notify.js file not an actual installed plugin

here is how I am trying to use it currently

import Vue from 'vue'
import Router from 'vue-router'
import Home from './views/Home.vue'
import Records from './views/Records.vue'
import Users from './views/Users.vue'
import Allocations from './views/Allocations.vue'
import store from './store/index.js'
import Notify from 'mdbvue/src/components/pro/Notify'

Vue.use(Router, Notify)

const qcRouter = new Router({

Any help would be appreciated

Mikołaj Smoleński staff commented 5 years ago

It should be:
import Notify from 'mdbvue/src/components/pro/Notify.js' (with extension)

Did You try to add extension?

Best regards

Add comment

Mikołaj Smoleński staff answered 5 years ago

0 0 Best answer

Hi there,

Please try to import Notify plugin in Your main.js like this:

import Notify from 'mdbvue/src/components/pro/Notify.js';

Vue.use(Notify);

Please let us know if it work ok now.

Best regards

Add comment

Closed

This topic is closed.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Closed

Specification of the issue

ForumUser: Free
Premium support: No
Technology: MDB Vue
MDB Version: 4.8.2
Device: pc
Browser: chrome
OS: win 10
Provided sample code: No
Provided link: No

frederickvalone

64Support score
7Questions 3Answers 0Snippets