在JSX中的使用报错
- Dominant language
- JavaScript
- Stars
- 31
- Forks
- 20
- PR merge metrics
- No merged PRs in 30d
Description
使用了官网的配置,在render函数中这样写
```javascript
render: (h, params) => (
查看
),
```
出现如下提示:
```
ReferenceError: Button is not defined
at Object.render (eval at ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./node_modules/iview-loader/index.js?{"prefix":true}!./src/views/page/table-list.vue (10.9c8c75d4e48bdc98cd45.hot-update.js:7), :129:15)
at render (iview.js?0536:5107)
at createFunctionalComponent (vue.runtime.esm.js?ff9b:4006)
at createComponent (vue.runtime.esm.js?ff9b:4178)
at _createElement (vue.runtime.esm.js?ff9b:4359)
at createElement (vue.runtime.esm.js?ff9b:4296)
at vm._c (vue.runtime.esm.js?ff9b:4412)
at Proxy.render (iview.js?0536:29651)
at VueComponent.Vue._render (vue.runtime.esm.js?ff9b:4470)
at VueComponent.updateComponent (vue.runtime.esm.js?ff9b:2761)
```
Contributor guide
No contributing guide indexed for this repository
Research direction
Start by reproducing the JSX example from the issue in src/views/page/table-list.vue and inspect the iview-loader, babel-loader, and vue-loader path shown in the stack trace. Trace why the generated render function refers to Button without a definition, then verify that the documented JSX usage renders without the ReferenceError.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- babel, javascript, webpack
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100