fix(cli): output resource path for compiler errors #604

packages/uni-template-compiler/__tests__/compiler-extra.spec.js

@@ -585,6 +585,11 @@ describe('mp:compiler-extra', () => {
     )
   })
   it('generate event ', () => {
+    assertCodegen(
+      `<view @/>`,
+      `<view></view>`
+    )
+
     assertCodegen(
       `<text v-for="item in items['metas']" :key="item['id']" class="title" @tap="handle(item['id'],item['title'])">{{item.title}}</text>`,
       `<block wx:for="{{items['metas']}}" wx:for-item="item" wx:for-index="__i0__" wx:key="id"><text data-event-opts="{{[['tap',[['handle',['$0','$1'],[[['items.metas','id',item['id'],'id']],[['items.metas','id',item['id'],'title']]]]]]]}}" class="title" bindtap="__e">{{item.title}}</text></block>`

packages/uni-template-compiler/__tests__/demo.js

@@ -2,7 +2,7 @@ const compiler = require('../lib')
 
 const res = compiler.compile(
   `
-<view v-for="item in dataList" :key="item.id" @click="click1(item, 1);click2(item, 2);"/>
+<view @/>
     `, {
     resourcePath: '/User/fxy/Documents/test.wxml',
     mp: {

packages/uni-template-compiler/lib/index.js

@@ -55,10 +55,18 @@ module.exports = {
     }
     // console.log(`function render(){${res.render}}`)
     const ast = parser.parse(`function render(){${res.render}}`)
+    let template = ''
 
+    try {
       res.render = generateScript(traverseScript(ast, state), state)
-
-    let template = generateTemplate(traverseTemplate(ast, state), state)
+      template = generateTemplate(traverseTemplate(ast, state), state)
+    } catch (e) {
+      console.error(e)
+      throw new Error('Compile failed at ' + options.resourcePath.replace(
+        path.extname(options.resourcePath),
+        '.vue'
+      ))
+    }
 
     res.specialMethods = state.options.specialMethods || new Set()
     delete state.options.specialMethods

packages/uni-template-compiler/lib/script/traverse/data/event.js

@@ -202,7 +202,7 @@ function parseEventByCallExpression (callExpr, methods) {
 
 function parseEvent (keyPath, valuePath, state, isComponent, isNativeOn = false, tagName, ret) {
   const key = keyPath.node
-  let type = key.value || key.name
+  let type = key.value || key.name || ''
 
   const isCustom = isComponent && !isNativeOn
 
@@ -211,6 +211,9 @@ function parseEvent (keyPath, valuePath, state, isComponent, isNativeOn = false,
   let isPassive = false
   let isOnce = false
 
+  let methods = []
+
+  if (type) {
     isPassive = type.charAt(0) === VUE_EVENT_MODIFIERS.passive
     type = isPassive ? type.slice(1) : type
 
@@ -223,8 +226,6 @@ function parseEvent (keyPath, valuePath, state, isComponent, isNativeOn = false,
     const specialEvents = state.options.platform.specialEvents
     const isSpecialEvent = specialEvents[tagName] && Object.keys(specialEvents[tagName]).includes(type)
 
-  let methods = []
-
     if (!valuePath.isArrayExpression()) {
       valuePath = [valuePath]
     } else {
@@ -329,6 +330,7 @@ function parseEvent (keyPath, valuePath, state, isComponent, isNativeOn = false,
         }
       }
     })
+  }
 
   return {
     type,
@@ -345,6 +347,10 @@ function parseEvent (keyPath, valuePath, state, isComponent, isNativeOn = false,
 
 function _processEvent (path, state, isComponent, isNativeOn = false, tagName, ret) {
   const opts = []
+  // remove invalid event
+  path.node.value.properties = path.node.value.properties.filter(property => {
+    return property.key.value || property.key.name
+  })
   const len = path.node.value.properties.length
   for (let i = 0; i < len; i++) {
     const propertyPath = path.get(`value.properties.${i}`)