5

我已经通过 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. 我仔细检查了我的文件中的 Vue 默认情况下experimentalDecorators是否设置为 true 。tsconfig.json

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

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

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

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

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

  1. mkdir 实验 && cd $_
  2. npm 初始化
  3. npm 安装 -D@vue/cli
  4. ./node_modules/.bin/vue 创建仪表板

  5. 我使用了以下选项：

    • 检查项目所需的功能：Babel、TS、PWA、Router、Vuex、CSS Pre-processors、Linter、Unit、E2E
    • 使用类风格的组件语法？是的
    • 使用 Babel 和 TypeScript 来自动检测 polyfill？是的
    • 选择一个 CSS 预处理器（默认支持 PostCSS、Autoprefixer 和 CSS 模块）：SCSS/SASS
    • 选择一个 linter/formatter 配置：TSLint
    • 选择其他 lint 功能：保存时使用 Lint
    • 选择一个单元测试解决方案：Mocha
    • 选择 E2E 测试解决方案：Cypress
    • 你更喜欢在哪里放置 Babel、PostCSS、ESLint 等的配置？在专用配置文件中
    • 将此保存为未来项目的预设？不

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

这就是它在Visual Studio中的样子：

在此处输入图像描述

这就是它在VSCode中的样子：

在此处输入图像描述

4

2 回答 2

5

你看过这个帖子吗？

也许您应该尝试：转到 File => Preferences => Settings（或 Control+comma），它将打开 User Settings 文件。添加“javascript.implicitProjectConfig.experimentalDecorators”：true

编辑 ：

好的，所以在您的第一个示例中，您已经在experiment目录中打开了项目，但是 tsconfig.json 位于子目录中，tsconfig 必须位于根目录中。尝试使用dashboardvscode 项目的根文件夹打开 vscode 并重新启动编辑器。

于 2018-06-10T10:59:36.387 回答
2

事实证明，我必须jsconfig.json在文件所在文件夹的根目录下创建，tsconfig.json并且 Visual Studio 中的错误消失了，但无论我设置的选项如何，VSCode 仍然显示错误，但这似乎是一个 Vetur错误而不是VSCode、TypeScript 中的错误或配置问题。

打开Dashboard文件夹而不是作为Src我项目的实际根目录的文件夹“修复”了 VSCode 中的问题，所以我猜 Vetur 在嵌套时不会选择tsconfig.json文件。

于 2018-06-10T21:48:00.757 回答