Intellij 自动导入不适用于 Typescript

Question

我刚刚开始使用 Vaadin 创建一个 Web 应用程序，并且我已经在 Intellij 中加载了一个项目，但如果我在打字稿文件中，它似乎找不到从哪里导入东西。

应该是

import {css, customElement, html, LitElement} from "lit-element";

但它不起作用。

我需要做些什么来配置 IDE 以使其变得简单并找到导入？

编辑

带有红色下划线的"lit-element" 表示Cannot find module 'lit-element' 为什么呢？！

Answer 1

为了使自动导入正常工作，您需要确保依赖项在本地可用。 Vaadin 使用 npm（或 pnpm，取决于版本）来管理 Javascript 依赖项，例如 LitElement。在您的项目中，您应该找到文件

• package.json
• package-lock.json

为了让 LitElement 可作为导入使用，请确保它在 package.json 中列出。如果它不存在，您可以通过在命令行中运行npm install --save lit-element 将其安装到您的项目中，同时与您的项目package.json 位于同一文件夹中。 如果该文件在package.json 中列出，请确保在与该文件相同的目录中有另一个名为node_modules 的目录。这包含您的 Javascript 依赖项。在node_modules 内，您应该会看到另一个名为lit-element 的文件夹。如果不存在，请在与项目package.json 相同的目录中从命令行运行npm install

如果这不能解决您的问题，您可以尝试删除 node_modules 目录并通过运行 npm install 重新下载您的依赖项。 如果这不起作用，请确保该文件夹未在您的 IntelliJ 项目设置中标记为已排除。 如果您仍然遇到问题，您可以尝试运行mvn clea install 然后启动服务器，与Marcus 所说的相反，Vaadin 不会在mvn clean install 期间自动执行npm install（除非它是生产版本），而是在服务器启动期间。

---

在您的问题中，您提到您是 Vaadin 的新手，在这种情况下，我建议不一定直接开始使用基于 LitElement 的组件，特别是因为您在 cmets 中提到您通常是移动开发人员。很有可能使用基于 Vaadins Java 的组件开发出色的 UI，然后在您对框架/堆栈更加熟悉后迁移到使用 LitElement。

此外，您应该使用 Vaadin 15+（当前最新版本为 18.0.6），以便 Vaadin 为 LitElement 提供一流的支持，这些不是 LTS 版本，并且仅在初始版本后 4 个月内收到更新（@ 987654322@)，因此我会谨慎使用它们。