众所周知 vue cli4.0的全局配置是一个巨大的坑
按照vue 3.0的方法引入全局组件
-
注册全局组件
const app = createApp(App) app.use(ElementPlus) app.component('svg-icons', { template: "<div>aaaaaaaaaaa</div>" }) app.use(router).mount('#app')
-
引用全局组件
<svg-icons></svg-icons>
-
报错
vue有两种形式的代码:compiler模式,和runtime模式),主要区别在main.js里边。
-
可以修改vue的默认指向,在vue.config.js里,修改如下:
configureWebpack: (config) => { config.resolve = { // 配置解析别名 extensions: ['.js', '.json', '.vue'], // 自动添加文件名后缀 alias: { 'vue': 'vue/dist/vue.esm-bundler.js', '@': path.resolve(__dirname, './src'), '@c': path.resolve(__dirname, './src/components') } }
最后重启一下 就好啦