TypeScript，Vue和experimentalDecorators

Question

我已经通过Vue-CLI v3.0.0-beta.15创建了一个Vue项目，现在，一切正常，我的意思是，当我npm run serve编译并运行正常但是TypeScript会抛出以下错误消息和仅在编辑器内！

Experimental support for decorators is a feature that is subject to change in a future release. Set the 'experimentalDecorators' option to remove this warning.

我尝试过但没有用的东西：

1. 我仔细检查我的experimentalDecorators文件中tsconfig.json是否设为真，默认情况下是Vue。

2. 我尝试使用以下选项创建jsconfig.json文件：

   {
       "compilerOptions": {
           "experimentalDecorators": true
       }
   }
   

3. 我尝试在VSCode中更改以下选项"javascript.implicitProjectConfig.experimentalDecorators": true

现在，我正在使用VSCode的Vetur扩展，我已经在他们的repo 上发布了issue但是我没有使用Visual Studio for Vue的任何扩展，但我得到了同样的错误所以我不知道触发它的是什么，但我认为有些东西不会选择tsconfig.json文件。

以下是我为生成项目所采取的步骤：

1. mkdir experiment＆amp;＆amp; cd $ _
2. npm init
3. npm install -D @vue/cli
4. ./ node_modules / .bin / vue create dashboard

5. 我使用了以下选项：

   • 检查项目所需的功能：Babel，TS，PWA，路由器，Vuex，CSS预处理器，Linter，Unit，E2E
   • 使用类样式的组件语法？是
   • 使用Babel和TypeScript进行自动检测的polyfill？是
   • 选择CSS预处理器（默认支持PostCSS，Autoprefixer和CSS模块）：SCSS / SASS
   • 选择linter / formatter配置：TSLint
   • 选择其他lint功能：保存时提示
   • 选择单元测试解决方案：Mocha
   • 选择E2E测试解决方案：赛普拉斯
   • 您更喜欢为Babel，PostCSS，ESLint等配置配置？在专用配置文件中
   • 将此保存为未来项目的预设？否

6. 然后导航到dashboard / src / views / Home.vue

这就是 Visual Studio ：

中的样子



这就是 VSCode ：

中的样子

Answer 1

你见过这个post吗？

也许你应该尝试： 转到File =＆gt;首选项=＆gt;设置（或控制+逗号），它将打开用户设置文件。添加“javascript.implicitProjectConfig.experimentalDecorators”：true

编辑：

好的，在第一个例子中，您已在experiment目录中打开了项目，但tsconfig.json位于子目录中，tsconfig必须位于根目录中。尝试打开带有dashboard的vscode作为vscode项目的根文件夹，然后重新启动编辑器。

Answer 2

事实证明，我必须在jsconfig.json文件所在的文件夹的根目录创建tsconfig.json并且Visual Studio中的错误消失，但VSCode仍会显示错误，而不管选项I＆ ＃39;已设置，但这似乎是Vetur bug，而不是VSCode，TypeScript或配置问题中的错误。

打开Dashboard文件夹而不是Src文件夹，这是我项目的实际根目录＆＃34;已修复＆＃34; VSCode中的问题所以我猜Vetur在嵌套时不会选择tsconfig.json文件。