primefaces / primevue-nuxt-module

MIT License
70 stars 11 forks source link

Failed to resolve import "primevue/config" #24

Closed AndreLeclercqOclock closed 8 months ago

AndreLeclercqOclock commented 8 months ago

Hi 👋🏻

I have a problem after installation on a blank project 😞. I follow the instructions.

How to reproduce

Versions

1. Install Nuxt

npx nuxi@latest init myProject
cd myProject
yarn install

2. Install Nuxt-Primevue

yarn add --dev nuxt-primevue

3. Add module into nuxt.config.ts file

export default defineNuxtConfig({
    modules: [
        'nuxt-primevue'
    ],
})

4. Start the server

yarn dev -o

Expected Behavior

No errors into the server shell.

yarn run v1.22.19
$ nuxt dev -o
Nuxt 3.8.0 with Nitro 2.7.2                                                                                                                                    

  ➜ Local:    http://localhost:3000/
  ➜ Network:  use --host to expose

  ➜ DevTools: press Shift + Alt + D in the browser (v1.0.0)                                                                                                    

ℹ Vite client warmed up in 1472ms                                                                                                                             
✔ Nitro built in 574 ms  

Actual Behavior

yarn run v1.22.19
$ nuxt dev -o
Nuxt 3.8.1 with Nitro 2.7.2                                                                                                                       

  ➜ Local:    http://localhost:3000/
  ➜ Network:  use --host to expose

  ➜ DevTools: press Shift + Alt + D in the browser (v1.0.0)                                                                                                  

ERROR  Failed to resolve import "primevue/config" from "virtual:nuxt:/path_to_myProject/.nuxt/primevue-plugin.mjs". Does the file exist?    

ERROR  Failed to resolve import "primevue/autocomplete?nuxt_component=async&nuxt_component_name=AutoComplete" from "virtual:nuxt:/path_to_myProject/.nuxt/components.plugin.mjs". Does the file exist?

ℹ Vite client warmed up in 10807ms                                                                                                                            
ℹ Vite server warmed up in 7826ms

 WARN  "primevue/autocomplete/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.            
 WARN  "primevue/calendar/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.              
 WARN  "primevue/basecomponent/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.            
 WARN  "primevue/cascadeselect/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.             
 WARN  "primevue/checkbox/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                  
 WARN  "primevue/chips/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                    
 WARN  "primevue/colorpicker/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.              
 WARN  "primevue/dropdown/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                 
 WARN  "primevue/editor/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                    
 WARN  "primevue/inputmask/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.              
 WARN  "primevue/inputnumber/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.              
 WARN  "primevue/inputswitch/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.               
 WARN  "primevue/inputtext/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.               
 WARN  "primevue/knob/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.
 WARN  "primevue/listbox/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.              
 WARN  "primevue/multiselect/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.         
 WARN  "primevue/password/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.               
 WARN  "primevue/rating/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                 
 WARN  "primevue/radiobutton/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.       
 WARN  "primevue/slider/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.             
 WARN  "primevue/selectbutton/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.      
 WARN  "primevue/textarea/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.           
 WARN  "primevue/treeselect/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.           
 WARN  "primevue/togglebutton/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.              
 WARN  "primevue/button/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                    
 WARN  "primevue/speeddial/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                 
 WARN  "primevue/tristatecheckbox/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.        
 WARN  "primevue/splitbutton/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.
 WARN  "primevue/column/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                 
 WARN  "primevue/row/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.               
 WARN  "primevue/columngroup/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.   
 WARN  "primevue/dataview/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.         
 WARN  "primevue/datatable/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.       
 WARN  "primevue/dataviewlayoutoptions/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.    
 WARN  "primevue/orderlist/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                 
 WARN  "primevue/organizationchart/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.     
 WARN  "primevue/paginator/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                 
 WARN  "primevue/picklist/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.              
 WARN  "primevue/tree/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                
 WARN  "primevue/treetable/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.        
 WARN  "primevue/virtualscroller/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.          
 WARN  "primevue/timeline/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.
 WARN  "primevue/accordion/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                 
 WARN  "primevue/accordiontab/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.      
 WARN  "primevue/card/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                    
 WARN  "primevue/deferredcontent/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.      
 WARN  "primevue/divider/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.              
 WARN  "primevue/fieldset/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.               
 WARN  "primevue/panel/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.               
 WARN  "primevue/scrollpanel/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.               
 WARN  "primevue/splitter/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.             
 WARN  "primevue/splitterpanel/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.   
 WARN  "primevue/tabview/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.        
 WARN  "primevue/tabpanel/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.           
 WARN  "primevue/toolbar/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.           
 WARN  "primevue/confirmpopup/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.
 WARN  "primevue/confirmdialog/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.      
 WARN  "primevue/overlaypanel/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.        
 WARN  "primevue/dialog/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.         
 WARN  "primevue/sidebar/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.         
 WARN  "primevue/fileupload/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.            
 WARN  "primevue/dynamicdialog/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.        
 WARN  "primevue/breadcrumb/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.      
 WARN  "primevue/contextmenu/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.       
 WARN  "primevue/dock/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                  
 WARN  "primevue/menu/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.           
 WARN  "primevue/menubar/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.          
 WARN  "primevue/megamenu/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.       
 WARN  "primevue/panelmenu/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.            
 WARN  "primevue/steps/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.
 WARN  "primevue/tabmenu/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                
 WARN  "primevue/tieredmenu/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.       
 WARN  "primevue/chart/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                
 WARN  "primevue/message/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.          
 WARN  "primevue/inlinemessage/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.          
 WARN  "primevue/toast/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.               
 WARN  "primevue/carousel/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.               
 WARN  "primevue/image/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                
 WARN  "primevue/galleria/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.              
 WARN  "primevue/avatar/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.               
 WARN  "primevue/avatargroup/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.         
 WARN  "primevue/badge/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                 
 WARN  "primevue/blockui/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.             
 WARN  "primevue/chip/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.
 WARN  "primevue/inplace/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.            
 WARN  "primevue/scrolltop/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.            
 WARN  "primevue/skeleton/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.               
 WARN  "primevue/progressbar/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.            
 WARN  "primevue/progressspinner/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.       
 WARN  "primevue/tag/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.                 
 WARN  "primevue/terminal/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.             
 WARN  "primevue/badgedirective/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.    
 WARN  "primevue/tooltip/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.       
 WARN  "primevue/ripple/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.         
 WARN  "primevue/styleclass/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.             
 WARN  "primevue/animateonscroll/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.        
 WARN  "primevue/focustrap/style" is imported by "virtual:#primevue-style", but could not be resolved – treating it as an external dependency.

✔ Nitro built in 557 ms                                                                                                                                 nitro 14:01:06

 ERROR  [worker reload] [worker init] Cannot find package 'primevue' imported from /path_to_myProject/.nuxt/dev/index.mjs      

  at __node_internal_captureLargerStackTrace (node:internal/errors:496:5)
  at new NodeError (node:internal/errors:405:5)
  at packageResolve (node:internal/modules/esm/resolve:781:9)
  at moduleResolve (node:internal/modules/esm/resolve:830:20)
  at defaultResolve (node:internal/modules/esm/resolve:1035:11)
  at DefaultModuleLoader.resolve (node:internal/modules/esm/loader:269:12)
  at DefaultModuleLoader.getModuleJob (node:internal/modules/esm/loader:153:32)
  at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:76:33)
  at link (node:internal/modules/esm/module_job:75:36)
Hextar commented 8 months ago

Can you try adding the components config in your nuxt.config.ts file?

like:

  primevue: {
    components: {
      include: '*',
      exclude: ['Editor', 'Chart']
    },
    options: {
      ripple: true,
      inputStyle: 'filled'
    },
  },
AndreLeclercqOclock commented 8 months ago

Hey 👋🏻 thanks for your help 😄 .

I try with the components (this is my complete nuxt.config.ts file)

// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  devtools: { enabled: true },
  modules: [
    'nuxt-primevue'
  ],
  primevue: {
    components: {
      include: '*',
      exclude: ['Editor', 'Chart']
    },
    options: {
      ripple: true,
      inputStyle: 'filled'
    },
  },
})

But I have the same result with the same errors (and warnings) 😞 .

mertsincan commented 8 months ago

Which PrimeVue version are you using?

AndreLeclercqOclock commented 8 months ago

Hi 👋🏻 If you speak about Nuxt-Primevue I use the 0.1.0 version.

There is my packages.json file :

{
  "name": "nuxt-app",
  "private": true,
  "type": "module",
  "scripts": {
    "build": "nuxt build",
    "dev": "nuxt dev",
    "generate": "nuxt generate",
    "preview": "nuxt preview",
    "postinstall": "nuxt prepare"
  },
  "devDependencies": {
    "@nuxt/devtools": "latest",
    "nuxt": "^3.8.1",
    "nuxt-primevue": "^0.1.0",
    "vue": "^3.3.8",
    "vue-router": "^4.2.5"
  }
}
mertsincan commented 8 months ago

Hi,

You need to install the latest version of Primevue 3.

npm i primevue
AndreLeclercqOclock commented 8 months ago

It works !!! 🎉 Thanks a lot @mertsincan 🙏🏻 .

Just one more thing.

I followed this two guides :

Perhaps add a small note to specify that primevue package is required. 🤔 😉 ❤️ .

Again thanks for your help 🙏🏻 .