[英]val.replace(/[^a-zA-Z_-0-9]/g, '') produce SyntaxError: invalid range in character class
[英]vue + webpack: SyntaxError: invalid range in character class
我正在使用webpack 4.29.3和vue.js 2.6.3。 我只是试图用vue js和webpack创建一个简单的hello world项目。 我希望index.html
能够很好地呈现。 但是,我得到了错误:SyntaxError:字符类中的范围无效,这真的很奇怪,因为我对正则表达式不做任何事情。 这就是为什么我不确定要修复哪个部分的原因。
VUE-first.js:
import Vue from 'vue';
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
});
index.html的:
<!doctype html>
<html>
<head>
<title>Getting Started</title>
</head>
<body>
<div id="app">
{{ message }}
</div>
<script src="todo.js"></script>
</body>
</html>
webpack.config.js
const path = require('path');
module.exports = {
entry: './src/js/vue-first.js',
output: {
filename: 'todo.js',
path: path.resolve(__dirname, 'dist')
}
};
的package.json
{
"name": "vue-first",
"version": "1.0.0",
"description": "",
"private": true,
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"build": "webpack"
},
"keywords": [],
"author": "",
"license": "ISC",
"devDependencies": {
"webpack": "^4.29.3",
"webpack-cli": "^3.2.3"
},
"dependencies": {
"vue": "^2.6.3"
}
}
完整的错误消息(来自Safari):
[Error] SyntaxError: Invalid regular expression: range out of order in character class
RegExp (todo.js:7:3226)
(anonymous function) (todo.js:7:3226)
(anonymous function) (todo.js:7:63703)
n (todo.js:1:115)
(anonymous function) (todo.js:7:63775)
n (todo.js:1:115)
(anonymous function) (todo.js:1:904)
Global Code (todo.js:1:912)
有关更多详细信息,您可以签出我的Github 。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.