fix: Syntax Error: Invalid or unexpected token with .png

vuejs · Apr 27, 2018 · 5daf42b · 5daf42b
1 parent a0a7dc6
commit 5daf42b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 4 deletions.
diff --git a/packages/@vue/cli-plugin-unit-jest/generator/index.js b/packages/@vue/cli-plugin-unit-jest/generator/index.js
@@ -19,7 +19,8 @@ module.exports = api => {
     ],
     'transform': {
       // process *.vue files with vue-jest
-      '^.+\\.vue$': 'vue-jest'
+      '^.+\\.vue$': 'vue-jest',
+      '.+\\.(css|styl|less|sass|scss|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub'
     },
     // support the same @ -> src alias mapping in source code
     'moduleNameMapper': {
@@ -40,7 +41,8 @@ module.exports = api => {
       devDependencies: {
         'babel-jest': '^22.0.4',
         // this is for now necessary to force babel-jest and vue-jest to use babel 7
-        'babel-core': '^7.0.0-0'
+        'babel-core': '^7.0.0-0',
+        'jest-transform-stub': '^1.0.0'
       }
     })
   } else {
@@ -55,7 +57,8 @@ module.exports = api => {
       api.extendPackage({
         devDependencies: {
           // this is for now necessary to force ts-jest and vue-jest to use babel 7
-          'babel-core': '^7.0.0-0'
+          'babel-core': '^7.0.0-0',
+          'jest-transform-stub': '^1.0.0'
         }
       })
     }

diff --git a/packages/@vue/cli-plugin-unit-jest/package.json b/packages/@vue/cli-plugin-unit-jest/package.json
@@ -30,6 +30,7 @@
   "devDependencies": {
     "@vue/test-utils": "^1.0.0-beta.10",
     "babel-jest": "^22.0.4",
-    "ts-jest": "^22.0.1"
+    "ts-jest": "^22.0.1",
+    "jest-transform-stub": "^1.0.0"
   }
 }