按需導入的坑

1.webpack

　　npm install unplugin-vue-components

　　vue.config.js文件加段代碼

-------------------------------------------------------------------------------------------------

const Components = require('unplugin-vue-components/webpack')

const { ElementPlusResolver } = require('unplugin-vue-components/resolvers')
module.exports = {
  //   ...
  configureWebpack: {
    plugins: [
      Components({
        resolvers: [ElementPlusResolver()],
      }),
    ],
    module: {
      rules: [
        {
          test: /\.mjs$/,
          include: /node_modules/,
          type: 'javascript/auto',
        },
      ],
    },
  },
}

-----------------------------------------------------------------------------------------------------

 

module配置解決：Can’t import the named export ‘xxx’ from non EcmaScript module (only default export is available) 出現的報錯

 

------------------------------------------------------------------------------------------------------

 

　　使用時發現一些消息框組件樣式竟然沒有了，只能這樣解決了

　　main.js接口文件

　　import 'element-plus/theme-chalk/el-message.css';

　　import 'element-plus/theme-chalk/el-notification.css';