Comments (6)
我在build过程种,还是报错了SyntaxError: Unexpected token: operator (>) [./~/.1.0.4@vue-codemirror/es6.js
我把index 中
require(es6.js) 去掉后 就可以了
from vue-codemirror.
应该是es6的问题。index.js
中都是es6写法,缺少对于es6的配置项。
from vue-codemirror.
或者临时替换为es5的写法,当然也最好符合eslint标准:
/**
* Vue-CodeMirror
* @author Surmon.me
* @date 2016-9-22
*/
'use strict'
const CodeMirror = require('codemirror/lib/codemirror.js')
require('codemirror/lib/codemirror.css')
const CmComponentBuild = function (Vue) {
const CmComponent = Vue.extend({
template: '<textarea></textarea>',
data: function () {
return {
content: ''
}
},
props: {
code: String,
options: {
type: Object,
default: function () {
return {
styleActiveLine: true,
lineNumbers: true,
mode: 'javascript',
lineWrapping: true
}
}
}
},
created: function () {
this.options = this.options || {}
const language = this.options.mode || 'javascript'
const theme = this.options.theme
require('codemirror/mode/' + language + '/' + language + '.js')
if (!!theme && theme !== 'default') require('codemirror/theme/' + theme + '.css')
},
ready: function () {
this.editor = CodeMirror.fromTextArea(this.$el, this.options)
this.editor.setValue(this.code || this.content)
this.editor.on('change', function (cm) {
this.content = cm.getValue()
this.code = cm.getValue()
})
},
watch: {
'code': function (newVal, oldVal) {
// console.log('update', newVal)
// this.editor.setValue(newVal)
// this.content = newVal
}
}
})
Vue.component('codemirror', CmComponent)
}
const codemirror = {
install: function (Vue) {
CmComponentBuild(Vue)
}
}
module.exports = codemirror
from vue-codemirror.
稍后更新,感谢反馈
from vue-codemirror.
已更新
from vue-codemirror.
已经修复,请更新
from vue-codemirror.
Related Issues (20)
- How to set lineNumbers as false?
- Uncaught TypeError: Cannot read properties of null (reading 'nextSibling')
- how to json for extensions?
- Can you add a language error message?
- No cursor when the content is empty
- When editing content, pressing the delete key once will delete two characters
- when change the input value, the doc of state does not update
- Expect to support the rules for editing logstash configuration files
- How to remove the gutter and lineNumber? HOT 3
- 如何可以配置针对一种语言高亮提示 HOT 1
- I successfully run the editor but when typing there is no code prompt that I want
- Multi-tab editor
- Could not find a declaration file for module 'codemirror'.
- Object(...) is not a function at eval (vue-codemirror.esm.js:7:1)
- sql repeat
- input long text not wrap HOT 1
- Vertical Scrollbar moves always to the middle HOT 3
- Highlighting the lines in editor HOT 1
- I defined two NPM Vue components and published them in the repository. There is no problem using it alone, but if it is referenced to a project, an error will be reported
- Cannot input spaces when used with other plugins
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vue-codemirror.