显示"vueCompilerOptions": { "target": "2.7" }放在什么位置
时间: 2023-07-05 12:20:28 浏览: 40
如果你是在Vue项目中使用Vue CLI 3.x或4.x,你可以在项目根目录下的`vue.config.js`文件中加入以下代码来设置编译选项:
```
module.exports = {
configureWebpack: {
resolve: {
alias: {
vue$: "vue/dist/vue.esm.js"
}
}
},
chainWebpack: config => {
config.module
.rule("vue")
.use("vue-loader")
.tap(options =>
Object.assign(options, {
compilerOptions: {
target: "2.7"
}
})
);
}
};
```
其中`compilerOptions`对象中的`target`属性即为Vue编译选项中的目标版本。将其设置为`"2.7"`即可。
如果你是在单文件组件中使用Vue,可以在`<script>`标签中添加以下代码:
```
<script>
export default {
// ...
compilerOptions: {
target: "2.7"
}
};
</script>
```
这样就可以将编译选项中的目标版本设置为`"2.7"`了。
相关问题
"vueCompilerOptions": { "target": "2.7" }放在什么位置
`vueCompilerOptions` 应该是在 `tsconfig.json` 或者 `jsconfig.json` 文件的顶层属性中定义的。具体来说,你可以将其放置在 `compilerOptions` 同级的位置,例如:
```
{
"compilerOptions": {
// 其他配置
},
"vueCompilerOptions": {
"target": "2.7"
}
}
```
注意,如果你使用的是 TypeScript,则应该在 `tsconfig.json` 中添加该配置;如果你使用的是 JavaScript,则应该在 `jsconfig.json` 中添加该配置。
"vueCompilerOptions": { "target": "2.7" } 设置好了还是显示不匹配
如果你在 tsconfig.json 或 jsconfig.json 文件中添加了 "vueCompilerOptions": { "target": "2.7" } 的配置,但仍然遇到了 "Incorrect Target Target version mismatch" 错误,请确保你的配置文件中没有其他的 target 配置项。如果存在其他的 target 配置项,可能会导致冲突,从而导致错误。请尝试删除其他的 target 配置项,只保留 vueCompilerOptions.target 配置项。
另外,请注意,如果你使用的是 TypeScript,还需要在 tsconfig.json 文件中将 compilerOptions.target 配置项设置为 "esnext",这样才能与 Vue 2.7 版本兼容。完整的示例配置如下:
```
{
"compilerOptions": {
"target": "esnext",
"module": "esnext",
"strict": true,
...
},
"vueCompilerOptions": {
"target": "2.7"
}
}
```
如果你仍然遇到问题,请提供更多的信息,例如你的项目结构,以及完整的错误消息。