Vuejs + Jest:“ SyntaxError:意外令牌<”

时间:2019-05-21 07:23:30

标签: vue.js vuejs2 jestjs

我有一个Vue文件,可从node_modules导入Vue文件。导入后,该文件似乎不被识别为vue文件,并且不使用vue-jest。

我尝试使用htmlLoader,但也不起作用。

这是我得到的错误:

path/node_modules/vue-loading-spinner/src/components/Jumper.vue:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,global,jest){<template>                 
SyntaxError: Unexpected token <

这是我的jest.conf.js:

const path = require('path')

module.exports = {
  rootDir: path.resolve(__dirname, '../../'),
  moduleFileExtensions: [
    'js',
    'json',
    'vue',
    'html'
  ],
  moduleNameMapper: {
    '^@/(.*)$': '<rootDir>/src/$1',
    "\\.(css|scss)$": "<rootDir>/test/utils/styleTransform.js"
  },
  transform: {
    '^.+\\.js$': '<rootDir>/node_modules/babel-jest',
    '.*\\.vue$': '<rootDir>/node_modules/vue-jest',
    "^.+\\.html$": "<rootDir>/test/utils/htmlLoader.js"
  },
  testPathIgnorePatterns: [
    "<rootDir>/node_modules/"
  ],
  modulePaths: [
    "<rootDir>"
  ],
  setupFiles: ['<rootDir>/test/unit/setup'],
  testMatch: [
    '<rootDir>/(test/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx))'
  ],
  testURL: 'http://localhost'
}

感谢您的帮助。

0 个答案:

没有答案