使用ElementUI使用心得(持续更新)

准备阶段: 

使用vue_vli初始化项目

V-3.0的初始化命令:

1. vue create myelement(项目名称)
2. cd myelement
3. npm run serve

使用阶段: 按照官网https://element.eleme.cn/#/zh-CN

• 初步引入 main.js中引入 , Vue.use(ElementUI);
• 创建firstdemo.vue拷贝element组件
• 在App.vue中导入标签
• 在命令窗口返回的网址 进行查看   例如:http://localhost:31742/

 

 

解决报错:

1. 初始化项目时,报错:Error: No PostCSS Config found in: /Users/zanzanya/node_modules/element-ui/lib/theme-chalk

     解决办法: 在根目录 新建在项目根目录新建postcss.config.js文件，并对postcss进行配置:
     前提是: install 了 postcss-loader      

     命名:    npm install postcss-loader 

    问题是这样配置还是不行!!!, 尝试各种命令,无解. 然后我新建了一个项目,重新新建Vue项目,再次引入Element组件,搞定~

  

    2. vue-cli3创建less工程，npm run serve 无法运行

      原因:使用旧工程的package-lock.json安装则可以正常使用，
              怀疑是库更新，造成npm包之间不兼容
              文件对比库不同：

          方式一:在按步骤选择完毕，可以卸载npm  uninstall  less  less-loader  然后再安装一下  npm  i  less less-loader  -S 再运行就            可以了

          方式二:

         把node_modules目录删除

         修改package.json文件，具体为 "less": "3.9.0", (之前是 "less": "^3.0.4",)

         重新全部依赖包 yarn （或 npm install）
         即可解决

      原因：
      less依赖包升级到3.10.0有bug导致的