[bug] VUE 的 template 中使用 ES6 语法导致页面空白
时间: 2024-03-01 21:52:01 浏览: 110
详解Webstorm 新建.vue文件支持高亮vue语法和es6语法
这可能是因为您的浏览器不支持 ES6 语法,或者您在使用 ES6 语法时没有正确地配置编译器。您可以尝试使用 Babel 来将 ES6 语法转换为浏览器可以理解的语法。在 Vue 中使用 Babel 可以通过配置 webpack 来实现。您可以尝试在项目根目录下创建一个 `.babelrc` 文件,然后添加以下内容:
```
{
"presets": ["@babel/preset-env"]
}
```
这将告诉 Babel 使用 `@babel/preset-env` 来转换 ES6 语法。然后,您可以在 webpack 配置文件中添加以下内容:
```
module: {
rules: [
{
test: /\.m?js$/,
exclude: /(node_modules|bower_components)/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env']
}
}
}
]
}
```
这将告诉 webpack 在打包时使用 Babel 来转换 ES6 语法。如果您已经配置了 webpack,您可以将上面的代码添加到您的配置文件中。
阅读全文