"vueCompilerOptions": { "target": "2.7" }放在什么位置
时间: 2023-07-03 14:21:49 浏览: 33
`vueCompilerOptions` 应该是在 `tsconfig.json` 或者 `jsconfig.json` 文件的顶层属性中定义的。具体来说,你可以将其放置在 `compilerOptions` 同级的位置,例如:
```
{
"compilerOptions": {
// 其他配置
},
"vueCompilerOptions": {
"target": "2.7"
}
}
```
注意,如果你使用的是 TypeScript,则应该在 `tsconfig.json` 中添加该配置;如果你使用的是 JavaScript,则应该在 `jsconfig.json` 中添加该配置。
相关问题
显示"vueCompilerOptions": { "target": "2.7" }放在什么位置
如果你是在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"`了。
❗ Incorrect Target Target version mismatch. You can specify the target version in vueCompilerOptions.target in tsconfig.json / jsconfig.json. (Expected "target": 2.7) 更改成 "vueCompilerOptions": { "target": 2.7 }还是没有生效
这个错误提示是在使用 Vue.js 2.x 版本时遇到的 TypeScript 的版本不匹配问题。可以尝试以下几个步骤解决:
1. 确认你的项目使用的 Vue.js 版本是 2.x,而不是 3.x。
2. 如果你的项目使用的是 TypeScript,可以在项目根目录下找到 `tsconfig.json` 文件或 `jsconfig.json` 文件,添加如下配置:
```json
{
"vueCompilerOptions": {
"target": "es5" // 或者其他你需要的 TypeScript 目标版本
}
}
```
3. 如果你的项目没有使用 TypeScript,可以尝试升级 Vue.js 版本到最新的 2.x 版本,或者降低 TypeScript 的版本。
如果以上方法还是无法解决问题,可以提供更多的错误信息或者代码片段,以便更好地帮助你解决问题。