zoukankan      html  css  js  c++  java
  • 使用Visual Studio Code代码编辑器给vue安装插件,结果导致node_modules里面的安装好的依赖丢失

    刚才执行 npm install element-ui命令后,node_modules的文件基本都丢失了,之前安装别的插件的时候也出现过这种问题。

    闹心的是我已经记不清都安装过什么插件了,这是编辑器的还是vue的原因也不知道。

    在这里只能记录一下都安装过什么,好在丢失之后再重新安装。

    如果文件丢失执行以下命令重新安装。

    安装node_modules文件里的依赖全部安装

    npm install
    cnpm install 

    缺少此依赖报错如下:

    安装axios

    cnpm install axios

    待确认是否安装

    npm install swiper vue-awesome-swiper --save

    安装幻灯片插件

    cnpm install vue-awesome-swiper@3.1.3 --save

    这个错误有点特殊【最后再讲】: 

    安装element-ui

    npm install element-ui

    vue-cli脚手架之二维码的生成(vue-qriously)

    npm install vue-qriously

    安装js-cookie插件用于登录页面

    npm install js-cookie

    运行

    npm run dev

    关于幻灯片插件错误的处理

    这个错误就是找不到css的问题,应该和安装的swiper版本有关,

    这个 nuxt-swiper-plugin.js 配置是固定的

     

    import Vue from 'vue'
    import VueAwesomeSwiper from 'vue-awesome-swiper/dist/ssr'
    
    Vue.use(VueAwesomeSwiper)

    此次 nuxt.config.js 配置

    对应的好像是swiper@3.1.3

    module.exports = {
      plugins: [
        { src: '~/plugins/nuxt-swiper-plugin.js', ssr: false }
      ],
    
      css: [
        'swiper/dist/css/swiper.css'
      ],

    上次 nuxt.config.js 配置

    对应的好像是swiper@6.1.1
    module.exports = {
      plugins: [
        { src: '~/plugins/nuxt-swiper-plugin.js', ssr: false }
      ],
    
      css: [
        'swiper/swiper-bundle.css'
      ],

    总之,问题解决了

    安装ECharts图表插件

    npm install --save echarts@4.1.0

    后端接口和前端页面对接

    cnpm install --save vuex-persistedstate
  • 相关阅读:
    BitmapFactory.decodeStream(inputStream)返回null的解决方法
    android studio 自用快捷键方案
    jquery源码学习(四)—— jquery.extend()
    css3动画性能优化
    组件化开发之vue
    调用本地摄像头并通过canvas拍照
    傳説中的 jsonp
    jsonp的原理
    正确而又严谨得ajax原生创建方式
    让浏览器阻塞10秒钟的方法
  • 原文地址:https://www.cnblogs.com/ooo888ooo/p/13554241.html
Copyright © 2011-2022 走看看