"[Vue warn]: Failed to resolve component: van-button"

[zhoufenfens]

hi, i found a problem in the Console when deploy the build assets to the web server, the van component could not reconized by the vue.

https://stackblitz.com/edit/vitejs-vite-wbqtdm?file=README.md

the development env was okay, but it is not okay when run "npm run build" and deploy the dist directory to the web server.

sorry i could not found any online web server could serve the dist dir.

[zhoufenfens]

hi, here is my sample
https://stackblitz.com/edit/vitejs-vite-wbqtdm?file=vite.config.js

run the script "npm run build";
then run the "npm run preview";
the button in news.vue looks like a text;

then comment the manualChunksPlugin(),

rerun "npm run build & npm run preview"
the button in news.vue works well

[zhoufenfens]

then, I created a news2 component, add removed the comment "/* webpackChunkname: news2 */"

this worked well for the News2 even though add the manualChunksPlugin()

[CaptainLiao]

@zhoufenfens

Please add include: [/\.vue$/, /\.vue\?/] in vite.config.js:

import Components from 'unplugin-vue-components/vite';
...
  plugins: [
    Components({
      resolvers: [VantResolver()],
      include: [/\.vue$/, /\.vue\?/]
    }),
  ],
...

[zhoufenfens]

thanks, it worked.