web建站教程

  1. 首页
  2. vuejs
  3. js
  4. 好玩
  5. seo教程
  6. 前端知识
  7. 百度echarts
  8. php入门
    nodejs
    mockjs
    mysql
    织梦cms
    帝国cms
    git教程

当前位置: 建站教程 > vuejs >

vuejs单元测试运行npm run unit报错解决方法

77 ℃

下面web建站教程为大家介绍一下vuejs单元测试运行npm run unit报错解决方法

安装vue init webpack的时候看看是否安装了test插件,如果安装了可以在package.json看到scriptsjest的几个运行方法,在devDependencies可以找到版本号。

npm run unit运行

如果提示下面错误

npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! test@1.0.0 unit: `jest --config test/unit/jest.conf.js --coverage`

找到test/unit/jest.conf.js文件,看看是否一样

const path = require('path');

module.exports = {  
rootDir: path.resolve(__dirname, '../../'), 
 moduleFileExtensions: [    'js',    'json',    'vue',  ], 
 moduleNameMapper: {    '^@/(.*)$': '/src/$1',  }, 
 transform: {   
 '^.+\\.js$': '/node_modules/babel-jest',  
  '.*\\.(vue)$': '/node_modules/vue-jest',  
}, 
testPathIgnorePatterns: [    '/test/e2e',  ], 
snapshotSerializers: ['/node_modules/jest-serializer-vue'],  
setupFiles: ['/test/unit/setup'],  
coverageDirectory: '/test/unit/coverage',  
collectCoverageFrom: [   
 'src/components/common/**/*.{js,vue}',   //按项目需求修改路径
 '!src/main.js',   
 '!src/router/index.js',   
 '!**/node_modules/**',  ], 
 verbose: true,
  testURL: 'http://localhost/',
};

找到test/unit/setup.js

import Vue from 'vue'

Vue.config.productionTip = false

再运行npm run unit,应该没问题了,页面的覆盖率出来了!

vuejs安装插件报错Unexpected end of JSON input while parsing near..

v-for循环出现控制Duplicate keys detected: 'XXXXXX'报错是什么原因

npm安装报错:提示源文本中存在无法识别的标记

npm安装报错:提示源文本中存在无法识别的标记

上面是“vuejs单元测试运行npm run unit报错解决方法”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。

当前网址:https://ipkd.cn/webs_2278.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

vuejs获取指定日期的那一周的开始、结束日期(从

<script>
export default {
  data() {
    return {
      weekFormat: ""
    };
  },
  mounted() {
    console.log(this.getWeekStartAndEnd("2021-5-25"));
  },
  methods: {
    // 日期格式化
    formatDate(date) {
      var myyear = date.getFullYear();
      var mymonth = date.getMonth() + 1;
      var myweekday = date.getDate();
      if (mymonth < 10) {
        mymonth = "0" + mymonth;
      }
      if (myweekday < 10) {
        myweekday = "0" + myweekday;
      }
      return mymonth + "." + myweekday;
    },
    // 获取指定日期的那一周的开始、结束日期
    getWeekStartAndEnd(val) {
      let now = "";
      if (val) {
        now = new Date(val); // 日期
      } else {
        now = new Date(); // 日期
      }
      let nowDayOfWeek = now.getDay(); // 本周的第几天
      let nowDay = now.getDate(); // 当前日
      let nowMonth = now.getMonth(); // 当前月
      let nowYear = now.getYear(); // 当前年
      let weekStart = this.getWeekStartDate(
        nowYear,
        nowMonth,
        nowDay,
        nowDayOfWeek
      );
      let weekEnd = this.getWeekEndDate(
        nowYear,
        nowMonth,
        nowDay,
        nowDayOfWeek
      );
      this.weekFormat = weekStart + "~" + weekEnd;
      console.log("weekFormat", this.weekFormat);
    },
    // 获得某一周的开始日期
    getWeekStartDate(nowYear, nowMonth, nowDay, nowDayOfWeek) {
      let weekStartDate = new Date(nowYear, nowMonth, nowDay - nowDayOfWeek);
      return this.formatDate(weekStartDate);
    },
    // 获得某一周的结束日期
    getWeekEndDate(nowYear, nowMonth, nowDay, nowDayOfWeek) {
      let weekEndDate = new Date(
        nowYear,
        nowMonth,
        nowDay + (6 - nowDayOfWeek)
      );
      return this.formatDate(weekEndDate);
    }
  }
};
</script>
点击阅读全文
上一篇:vuejs实现部分页面跳转后禁止返回到前一个页面
下一篇:运行vue函数提示将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称解决方法