相关疑难解决方法(0)

我正在使用 JavaScript（不是 TypeScript）并使用最新的 Visual Studio Code。

我无法使组件的自动导入工作。我一直在使用steoates的Auto Import 插件，但它似乎不起作用。我最近没有看到任何关于此的说明。

是否有其他我没有发现的插件有助于自动导入 React 组件？

是否有任何快捷方式可以让我自动生成我的打字稿导入？就像点击类型名称旁边的ctrl +空格并将导入声明放在文件顶部一样.如果没有,那么intellisense用于填写模块参考路径,以便我不必手动完成它？我真的很想使用vscode,但不得不为打字稿做手动导入会让我感到害怕.

我正在从 VS IDE 在 Cypress 中运行我的第一个测试，Cypress 一直在工作，直到我遇到下面的错误，而没有更改或更新任何内容。

使用 Node.js 14.16.1 通过 NPM 命令安装的 Cypress (7.0.0) 在执行测试时遇到“找不到模块：错误：无法解析‘cypress/types/lodash”错误消息。

我尝试从项目中删除所有 loadash 文件并执行代码，但错误保持不变。

有人可以告诉我如何诊断或解决这个问题吗？

错误信息：

Error: Webpack Compilation Error
./cypress/integration/myTests/helloWorld.test.js
Module not found: Error: Can't resolve 'cypress/types/lodash' in 'C:\Users\.....\Documents\.....\Tools\Cypress\Software\cypress\integration\myTests'
resolve 'cypress/types/lodash' in 'C:\Users\.....\Documents\.....\Tools\Cypress\Software\cypress\integration\myTests'
  Parsed request is a module
  using description file: C:\Users\.....\Documents\.....\Tools\Cypress\Software\package.json (relative path: ./cypress/integration/myTests)
    Field 'browser' doesn't contain a valid alias configuration
    Looked for and couldn't find the file at the following paths:
[C:\Users\.....\Documents\.....\Tools\Cypress\Software\cypress\integration\myTests\node_modules]
[C:\Users\.....\Documents\.....\Tools\Cypress\Software\cypress\integration\node_modules]
[C:\Users\.....\Documents\.....\Tools\Cypress\Software\cypress\node_modules]
[C:\Users\.....\Documents\.....\Tools\Cypress\node_modules]
[C:\Users\.....\Documents\.....\Tools\node_modules]
[C:\Users\.....\Documents\.....\node_modules]
[C:\Users\.....\Documents\node_modules]
[C:\Users\.....\node_modules]
[C:\Users\node_modules]
[C:\node_modules] …

我正在使用Visual Studio Code进行Angular 2+开发.

过了一会儿,类和依赖项的自动导入停止了部分工作.我不知道我到底做了什么,但在此之前一切正常.现在它找不到所有可用的导出类,例如Angular或我的.一个具体的例子:如果我尝试导入路由器,它应该添加:

import { Router } from '@angular/router'; 

但现在我没有这个选择:

我重新安装了VSCode并禁用了所有插件,但问题仍然存在.

我用谷歌搜索,我找到了可能的解决方案,例如这个页面:

• Visual Studio代码自动导入

• https://github.com/Microsoft/vscode/issues/28417

但他们都没有解决我的问题,因为与我的问题不完全匹配.

我正在使用Visual Studio Code 1.22.1.(但问题始于之前的版本.)它运行在Windows 10上.

我可以手动输入导入,它可以正常工作.但这是生产力的下降.我应该在哪里搜索原因？或者它可能是一个与角度相关的问题,而不是一个IDE？

它在我的其他计算机上工作正常,对我的大学工作正常.

刚刚完成设置Visual Studio代码以学习Angular 2.

我目前为TypeScript安装了以下扩展:

1. TSLint

除了新的主题等,我很想知道以下场景是否存在扩展:

假设我在Angular 2中创建一个表单,在这个表单中我将使用FormControl如果我不从@ angular2/forms手动导入FormControl然后它当然不起作用,有一个扩展已经创建,如果我输入FormControl它会提醒我并说你需要从X导入X？

我问这个原因是因为它会帮助我学习生活的地方等等.

更新

因此今天花了一些时间来进行搜索以找到我需要自动从其他文件和模块自动导入符号的相关扩展,我遇到了这个Visual Studio自动导入但是OP指定的扩展似乎并不适用于所有符号.在图像的OP上传我复制的代码,当我写Pipe这促使我导入Pipe从@angular/core打字时但是PipeTransform它并没有给我的导入选项,相反,它只是说Cannot find name PipeTransform

或者,如果使用Visual Studio Code with Angular 2的任何人都可以概述他们使用的扩展,这也是有益的.

我使用 CLI 在该项目中创建了一个新的 Angular 项目和一个新模块。如果我尝试在app.module.tsIntellisense 中导入新创建的模块不起作用，并且找不到自动导入的模块。我没有更改tsconfig.json文件中的任何内容。

• 角 CLI：10.0.4
• 节点：12.16.3
• 角度：10.0.5
• 打字稿：3.9.7
• VS 代码：1.47.3

知道是什么原因造成的吗？

编辑：手动导入工作正常，但我问的是自动导入功能。

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';



@NgModule({
  declarations: [],
  imports: [
    CommonModule
  ]
})
export class TestModule { }