tsconfig搞乱了node_modules导入
tsconfig是TypeScript的配置文件，用于指定编译器的行为和编译选项。它可以用来管理项目中的TypeScript文件。
当tsconfig搞乱了node_modules导入时，可能会导致编译错误或无法正确加载依赖项。这通常是由于tsconfig中的配置错误导致的。
要解决这个问题，可以按照以下步骤进行操作：
- 检查tsconfig.json文件：确保tsconfig.json文件位于项目的根目录下，并且没有任何语法错误。可以使用TypeScript官方文档提供的示例tsconfig.json文件作为参考。
- 检查"include"和"exclude"配置：在tsconfig.json中，"include"配置用于指定要包含的文件或文件夹，"exclude"配置用于指定要排除的文件或文件夹。确保这些配置正确地包含了项目中的TypeScript文件，并排除了不需要编译的文件或文件夹。
- 检查"compilerOptions"配置：在tsconfig.json中，"compilerOptions"配置用于指定编译器的选项。确保这些选项正确地配置了模块解析方式、输出目录、目标版本等。特别注意"module"选项，它应该与项目中使用的模块系统相匹配（如"commonjs"、"amd"等）。
- 清除缓存和重新编译：如果以上步骤都没有解决问题，可以尝试清除TypeScript编译器的缓存，并重新编译项目。可以使用命令行工具或IDE集成的功能来执行这些操作。
总结起来，当tsconfig搞乱了node_modules导入时，需要检查tsconfig.json文件的配置是否正确，并确保编译器能够正确加载依赖项。如果问题仍然存在，可以尝试清除缓存并重新编译项目。
相关·内容
我的目录结构：
前部
-- node_modules
后端
-- node_modules
tsconfig.json
在我的tsconfig.json中，我有：
"exclude": [
"frontend/node_modules", "backend/node_modules"
]
不过，我还是从node_modules中的包中得到了错误。
我做错了什么？
// /
浏览 0提问于2019-01-10得票数 10
回答已采纳
我正在尝试让ngx-bootstrap (首先是TooltipModule)在我的.net核心2.1Angular 6应用程序中工作(我已经从angular 5升级到6了)。我遵循了的指示。
因此，我执行以下步骤：
1. npm install ngx-bootstrap --save
2. // RECOMMENDED (doesn't work with system.js)
import { TooltipModule } from 'ngx-bootstrap/tooltip';
// or
import { TooltipModule }
浏览 2提问于2018-08-08得票数 0
2回答
我有一个角5应用程序，以前运行在角CLI 1.2.8，一切都很好。在升级到1.3之后(在我到1.5.4的路上)，当我访问localhost:4200时，当我得到一个NullInjectorError: No provider for Http!时，外部npm链接libary似乎出现了问题。
当我将HttpModule添加到共享库模块时，错误就消失了，但是我得到了额外的提供程序错误。我期待共享库像以前一样使用主应用程序中的模块，而不是共享库模块。在本例中，共享库具有依赖于HttpModule的角服务，但是shard-lib不导入HttpModule。我使用的主要项目是导入HttpModule。
浏览 2提问于2017-11-29得票数 1
3回答
strong text {
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"first": {
"root": "",
"sourc
浏览 0提问于2019-02-26得票数 1
回答已采纳
1回答
我看到我的项目在代码之外触发了很多TypeScript错误(例如在<project root>\node_modules\webpack-chain\types\index.d.ts中)。
我有 node_modules在<project root>/tsconfig.json
{
"extends": "@quasar/app/tsconfig-preset",
"compilerOptions": {
"baseUrl": ".",
"noImplicit
浏览 0提问于2021-07-24得票数 1
回答已采纳
2回答
我正在使用Range5应用程序添加社区js库版本(Angular : 1.6.1)。
对于第一个构建而不对tsconfig.json进行任何配置，我会得到以下错误。
ERROR in src/app/jsplumb/jsplumb.component.ts(4,25): error TS6143: Module '../../../node_modules/jsplumb/dist/js/jsplumb.js' was resolved to 'D:/myproj/angular5/myapp/node_modules/jsplumb/dist/js/jsplumb.j
浏览 8提问于2018-01-12得票数 11
1回答
我正在使用Angular 8和angular材质，虽然我已经导入了angular.json中包含的styles.css中的angular material css，但是Angular material CSS仍然没有加载到我的组件上(组件是延迟加载的)
这是我的angular.json代码，你可以检查我已经包含了styles.css
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectR
浏览 4提问于2019-10-31得票数 0
我一直试图在Navbar与折叠菜单和下拉链接使用引导4和角6，但不知怎的Navbar是不起作用的。我可以正确地看到元素，但它们的功能不像预期的那样。
我使用“ng安装引导程序”和引导依赖项( ng install jquery和ng install popper.js )通过角CLI安装了引导程序
我还包括了package.json和angular.json中的Bootstrap、jquery和angular.json
package.json
{
"name": "mean-course",
"version": "0.0.0&
浏览 3提问于2020-03-04得票数 0
2回答
我试图使相对import路由与src/或app/文件夹在如下结构中是相对的：
+ node_modules
+ src
| + app
| | + services (just an example)
| | | -service.ts
| | -app.module.ts (etc.)
| - tsconfig.app.json
- tsconfig.json
- package.json
本质上，我希望能够做import { SomeService } from 'services/some.service'。但是，无论我在tsconfig.json (或tscon
浏览 0提问于2021-01-15得票数 0
回答已采纳
我有下面的代码，它可以正常工作。
searchData() {
const url: any = 'https://jsonplaceholder.typicode.com/photos?albumId=1';
this.http.get(url).subscribe((res) => {
this.data = res;
console.log('Response Returned');
},
err => {
console.log('Error Response');
});
输出:预期返回的响应:返
浏览 3提问于2020-06-07得票数 4
回答已采纳
进口
import styled, {ThemeProvider} from 'styled-components/native';
套餐
@types/styled-components-react-native
tsconfig.json
// prettier-ignore
{
"extends": "@tsconfig/react-native/tsconfig.json", /* Recommended React Native TSConfig base */
"compilerOptions": {
浏览 10提问于2022-08-06得票数 0
当在react本机项目上运行tsc时，我在其中一个node_modules库中得到一个类型错误：
node_modules/react-native-swiper-flatlist/src/components/SwiperFlatList/SwiperFlatList.tsx:79:17 - error TS7031: Binding element '_index' implicitly has an 'any' type.
79 ({ index: _index, prevIndex: _prevIndex }) => {
tsc不应该
浏览 9提问于2022-06-13得票数 3
回答已采纳
1回答
带角4肚脐的引导4
、、、、
我已经创建了一个角4应用程序，我想使用Bootstra4与它一起使用。
我通过npm安装了引导程序4.0.0-beta6，并希望使用应该如下所示的初学者模板。
我已经相应地将所有内容放置到一个angular.cli.json中，它如下所示：
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"project": {
"name": "frontend"
},
"apps": [
浏览 2提问于2017-10-02得票数 0
回答已采纳
9回答
在编译过程中会发生以下警告：
警告在./src/app/state/action/userClass.ts中有多个模块的名称只有大小写不同。这可能导致在使用其他情况语义在文件系统上编译时出现意外行为。使用相同的套管。比较这些模块标识符：* /Users/smp/Projects/training3/node_modules/@angularclass/hmr-loader/index.js!/Users/smp/Projects/training3/node_modules/awesome-typescript-loader/dist/entry.js?{configFileName：
浏览 8提问于2017-02-01得票数 18
回答已采纳
嗨，在盖茨比，我收到了错误
错误#98123 WEBPACK
生成JavaScript包失败
/project/node_modules/gatsby-plugin-translate-url s/utils/wrap-page-element.js:当前未启用对实验语法'jsx‘的支持(11:5)：
我们使用的是Nx.dev，所以我们为Gatsby创建了模板，并在那里添加了我们的Gatsby项目。
tsconfig.json
{
"extends": "../../tsconfig.base.json",
"compilerOp
浏览 10提问于2021-09-15得票数 0
我试图在我的项目中使用更短的导入路径，方法是在我的"paths"文件中使用一个tsconfig.json设置。当我设置它时，我的文件看起来很好，不抱怨。但是，当我运行该项目时，"paths"会从我的tsconfig.json文件中删除，我的React服务器也会崩溃。
这是我的tsconfig.json文件：
{
"compilerOptions": {
"target": "es6",
"lib": [
"dom",
"dom.it
浏览 7提问于2022-02-11得票数 0
我有角9的应用程序。我使用的是测试版Webpack 5，它提供了模块联合功能。只是想玩这个新工具。
我有一个独立的存储应用程序，它在localhost上服务:9006和模块联合，它提供外部远程包，shell(角9)应用程序可以在运行时使用它作为导入包。
例如
import('s1').then( m => {
});
然而，这条路
s1
不是角的一部分，我声明它作为模块告诉打字本不要抛出任何错误。
declare module 's1'
它的路径是src，文件名是decl.d.ts
但是当我启动我的应用程序时，我会发现错误：
ERROR in ./s
浏览 4提问于2020-05-14得票数 2
我想在我的角4 cli应用程序中向角-cli.json添加app。
我用的是: angular4，打字稿，webpack。
我做了: npm安装-保存图表
现在，我需要在ange-cli.json文件中添加add，但不确定如何准确地。
这是我的ange-cli.json文件：
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"project": {
"name": "my-app"
},
"apps
浏览 3提问于2017-04-13得票数 1
1回答
当我的角项目运行时，我看到_reboot.scss已经上传了。它覆盖了角质材料的样式。
我尝试使用以下步骤将其删除：
bootstrapRemove npm从package.jsonRemove链接卸载angular.json链接
有任何方法可以从我的项目中完全删除引导吗？
angular.json
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "pro
浏览 0提问于2020-07-20得票数 0
在使用命令、ng new order和cd order创建了Angular项目之后，我执行了以下命令来引入Bootstrap。 npm install bootstrap jquery popper.js 在那之后，我更新了angular.json，现在它看起来像这样。我只编辑了scripts和styles数组： {
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot":
浏览 13提问于2021-01-08得票数 0
我无法在headercomponent.ts中导入图像。我怀疑这是因为我在编译ts时做错了什么(使用webpack的ts加载器)，因为同样的事情也适用于react(其中的组件是用es6编写的)
错误位置是
//headercomponent.ts
import {Component, View} from "angular2/core";
import {ROUTER_DIRECTIVES, Router} from "angular2/router";
import {AuthService} from "../../services/auth/aut
浏览 13提问于2016-03-22得票数 22
4回答
在角应用程序中，我试图通过移除分隔符来覆盖我的breadcrumb。我用https://getbootstrap.com/docs/4.2/components/breadcrumb/#example。
但不管用。这是我的angular.json
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects
浏览 0提问于2019-02-01得票数 4
回答已采纳
我的目录结构是：
|
|__src
| |_components
| |
| |_A
| |_index.tsx
|
|
tsconfig.json
package.json
我想像这样导入A：
从“src/components/A”导入{A}；
我的tsconfig.json看起来是这样的：
{
"compilerOptions": {
"baseUrl": "",
"declaration": true,
浏览 0提问于2019-04-30得票数 40
回答已采纳
我正在将角6应用程序更新为角8。在更新了几个包并修复了许多错误之后，我终于陷入了这个错误
到目前为止，我已经尝试了以下步骤：
卸载webpack。
删除node_modules。
全球安装webpack
运行npm i
我收到以下错误：
ERROR in ./src/assets/scss/style.scss (./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plugins/raw-css-loader.js!./node_modules/postcss-loader/src??em
浏览 2提问于2019-09-07得票数 1
回答已采纳
在执行ng build --prod时，我会遇到以下错误。它在ng build中运行得很好。
Error: src/app/app.component.html:1:1 - error NG8001: 'router-outlet' is not a known element:
1. If 'router-outlet' is an Angular component, then verify that it is part of this module.
2. If 'router-outlet' is a Web Component the
浏览 1提问于2021-01-22得票数 0
我跟随在角8中通过stylePreprocessorOptions添加重要的scss文件，但是我不断地得到它没有被找到的错误。任何输入都会收到，这个巧妙的技巧是非常有用的！
下面是我的angular.json
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"the
浏览 2提问于2019-07-23得票数 15
我在我安装的软件包(类型记录)应用程序识别类型的Cypress测试中遇到了问题。下面是我的顶级目录结构：
cypress
node_modules
src
我的cypress/tsconfig.json文件如下所示：
{
"compilerOptions": {
"strict": true,
"baseUrl": "../node_modules",
"paths": {
"~/*": ["../src/*"]
},
"
浏览 2提问于2020-09-04得票数 9
回答已采纳
3回答
我在运行角度应用程序时出错。
、、、、
我已经在我的角度应用程序中安装了ngx引导程序来使用日期选择器
现在我在运行角应用程序时出错了
我把错误的细节写在下面
多../node_modules/bootstrap/dist/css/bootstrap.min.css ../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css ./src/../node_modules/ngx-bootstrap/datepicker/bs-datepicker.css.src中的错误
未找到模块:错误:无法解决多个'/Users/user/Projects/node_modules
浏览 3提问于2018-09-07得票数 2
回答已采纳
我使用tsconfig来检查js文件。在custom_types\custom.d.ts中有我的自定义类型定义
tsconfig.json
{
"compilerOptions": {
"target": "es2020",
"module": "commonjs",
"allowJs": true,
"checkJs": true,
"outDir": "./dist",
"strict&#
浏览 3提问于2020-11-28得票数 3
回答已采纳
2回答
我的项目一直在使用ts-node混合运行JavaScript和TypeScript。最近，它停止了工作，没有明显的原因。在最简单的级别上，下面是它是如何运行的以及它产生的错误：
$ TS_NODE_PROJECT=./tsconfig.json ../../node_modules/.bin/ts-node app.js MSTR-1513
INFO | Arrow/1.6.0
No deployment manifest fo
浏览 0提问于2019-06-26得票数 12
我通过角7.2.1生成了一个新项目，当我打开app.e2e-spec.ts时，我看到了TS2304: Cannot find name 'describe'错误。当我点击“导入从模块”导入描述时，我看到了不同的错误TS2305:模块没有导出成员‘描述’。不确定这里有什么问题。这是通过角CLI生成的新项目。
app.e2e-spec.ts
import {AppPage} from './app.po';
describe('workspace-project App', () => {
let page: AppPage;
be
浏览 2提问于2019-01-17得票数 3
回答已采纳
我开始为TypeScript重新开发工具，到目前为止我很喜欢它。然而，我仍然遇到神秘的行为，让我觉得我错过了什么。例如，我遇到了一个“隐式‘任意’”类型错误(我有strict: true，并且希望这样做)，据我所知，这个错误应该由@types/node覆盖。当然，我能够通过显式地键入它来修复它，但是我想知道为什么@types/node的类型没有被识别。
helpful)Install 创建package.json：npm init -y (并非严格必要，但below)Create TypeScript、Node 12 tsconfig默认值和节点类型：npm i -D typescript @
浏览 1提问于2020-10-18得票数 0
回答已采纳
是否可以通过tsconfig.json忽略特定文件中的类型记录错误？我知道有exclude属性，就像在上描述的那样，但这不是我想要的。如所述：
如果文件B.ts由另一个文件A.ts引用，则不能排除B.ts，除非在“排除”列表中也指定了引用文件A.ts。
当您使用某个npm包时，它总是由打字本检查，这是非常合乎逻辑的。即使您试图exclude整个node_modules或只是一个特定的。你会失败的。因此，如果某些节点模块文件中存在类型记录错误(由于某种原因，类型过时，版本不匹配，.)，那么您将陷入困境。
所有我正在寻找的是一个选项，以忽略打字错误，在特定的库文件，我不能编辑。类似于//
浏览 1提问于2019-12-16得票数 17
3回答
我为我的应用程序创建了一个自定义主题，但我不知道如何使用它。从文档中，我看到它应该包含在styles.scss文件中的src文件夹中，但是我的src文件夹中没有这个文件。相反，我有styles.css。这是我的angular-cli.json文件：
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"project": {
"name": "test"
},
"apps": [
{
"ro
浏览 6提问于2017-08-31得票数 1
回答已采纳
1回答
我有一个monorepo，其中有几个包和一个库：
root/
one/
two/
three/
shared-lib/
package.json
tsconfig.json
tsconfig.json
{
"compilerOptions": {
"rootDir": "src",
"outDir": "build",
"lib": [
"dom",
"dom.iterable",
浏览 3提问于2021-07-26得票数 0
从角9升级到角10之后。VSCode在以绝对路径导入时显示错误：
import { IconModule } from 'src/app/shared/components/icon/icon.module';
错误：
'src/app/shared/components/icon/icon.module'.ts(2307)模块找不到
如果我用一条相对路径改变，它就会起作用。如果降至9角，同样的路径也能工作。
我的tsconfig设置：
./tsconfig.json
{
"files": [],
"references"
浏览 4提问于2020-06-29得票数 1
电流设置
这是我的目录结构：
root
├──typings/ # currently empty
├──package.json
├──package-lock.json
├──tsconfig.json
└──main.ts
这是我的tsconfig.json
{
"compilerOptions": {
"typeRoots": [
"./typings"
],
"types": ["Phaser"]
浏览 2提问于2020-03-31得票数 0
我正在考虑移到类型记录，但是如何在前端文件夹和后端文件夹之间共享呢？
我想出了一个项目结构：
frontend
- src
-- server.ts
-- functions
- dist
- package.json
- tsconfig.json
- node_modules
backend
- src
-- client.ts
-- functions
- dist
- package.json
- tsconfig.json
- node_modules
shared
- src
-- functions
---- doSmth.ts
-- index.ts
- dist
- tsco
浏览 0提问于2019-11-11得票数 2
我使用的是不为TypeScript提供@type定义的JS库，所以我创建了自己的.d.ts文件。我们叫它foo.d.ts吧。我的项目结构如下：
...
.next/
pages/
...
typings/
foo.d.ts
...
tsconfig.json
我的VS代码对这个定义没有问题，我可以在组件中进行导入，例如：
import {Foo} from "foo";
但是在运行时，我在浏览器控制台中得到了这个错误。
找不到模块:无法解析“foo”
我试着补充
"typeRoots"：“节点_模块/@类型”、“类型”
但对我的tsconfig.j
浏览 4提问于2021-03-24得票数 4
在删除了项目中的所有错误之后，我从角7更新到了角14，这是唯一阻止我成功编译的错误。我收到了关于ng服务的错误：
错误:模块解析失败:这些加载程序处理了意外的令牌(1:6)文件：*/node_ /src/app/shared/styles/themes/theme-f.scss:1:6 / -url/index.js*/node_node/sass-/dist/cjs.js-您可能需要一个额外的加载器来处理这些加载程序的结果。正文，.wrapper >部分{可比背景色：#f5f7fa；\ color：#73879C;
这是我的tsconfig.json文件
{
"com
浏览 12提问于2022-07-22得票数 4
回答已采纳
1回答
类型记录1.8现在支持非类型化的JS文件。要启用此功能，只需添加编译器标志
通过
我正在尝试导入没有键入文件的。
import * as injectTapEventPlugin from 'injectTapEventPlugin';
说模块找不到。所以我试着：
import * as injectTapEventPlugin from '../node_modules/react-tap-event-plugin/src/injectTapEventPlugin.js';
这说明模块解析为非模块实体，不能使用此结构导入。然后我试着：
import
浏览 3提问于2016-02-04得票数 12
1回答
我正在尝试在我的项目中导入一个javascript模块。我正在尝试两种不同的配置，因为提供模块(Stripe)的供应商有两种不同的模块格式。我的错误如下所示：
tsconfig.json：
{
"compilerOptions": {
"noImplicitAny": false,
"noEmitOnError": true,
"removeComments": false,
"sourceMap": true,
"target": "ES6
浏览 9提问于2020-07-23得票数 1
回答已采纳
使用Visual 2022，我在“错误列表”窗口中出现了许多关于IntelliSense文件夹类型定义的node_modules错误。
在我的tsconfig.json文件中，我排除了node_modules文件夹："exclude": ["node_modules"]。
在我的csproj中，我添加了行<TypeScriptCompileBlocked>true</TypeScriptCompileBlocked>。
但是什么都没有成功，我没有成功地消除这些错误。
浏览 15提问于2021-12-21得票数 6
回答已采纳
我正在尝试创建一个类型记录节点项目，但在导入模块时遇到了问题：
以下是我的项目结构：
/build
/src
main.ts
test.ts
package.json tsconfig.json
//main.ts
import { fun } from 'test'
fun()
//test.ts
const fun = () => {
console.log('fun()')
}
export { fun }
//tsconfig.json
{
"compile
浏览 4提问于2022-01-16得票数 0
回答已采纳
我想在我的Angular应用程序中使用。
当我启动应用程序时，我得到了以下错误
ERROR in ./node_modules/opusscript/build/opusscript_native_wasm.js
Module not found: Error: Can't resolve 'fs' in 'D:\DriveCode\UserPortal\node_modules\opusscript\build'
ERROR in ./node_modules/opusscript/build/opusscript_native_nasm.js
Mod
浏览 1提问于2019-11-20得票数 1
我想尝试一下webxr，并设置了一个typescript项目。根据的说法
我应该做以下事情：
const supported = await navigator.xr.isSessionSupported('immersive-vr');
在我的typescript设置中，navigator.xr显示为error。
我想知道如何为webxr设置typescript。我的tsconfig看起来像这样：
{
"compilerOptions": {
"outDir": "./dist/",
浏览 3提问于2021-01-11得票数 1
我仍然在设置我的项目配置的过程中，所以我现在没有任何错误要处理，但是如果我正确地理解了类型记录文档.
如果用webpack中的babel-loader进行转接，那么项目引用似乎就不那么必要了。(我在VSCode工作)
我正在尝试将一个电子应用程序转换为TypeScript，并且目前正在重新组织文件夹结构，所以我有最小的问题。我试图理解我是否在正确的轨道上，如果我可以避免包括“引用”，而只是使用“扩展”来获得我想要的功能。
下面是我的项目结构，忽略了所有不是tsconfig文件的文件：
./tsconfig.json
./tsconfig-base.json
./main/tsconfig.js
浏览 2提问于2020-05-26得票数 0
我有一个带有样式的角库，我想把它们当作应用程序的一部分来使用。为了做到这一点，我尝试使用includePaths，方法是在angular.json中使用以下配置：
{
projects: {
"my-project": {
"root": "",
"sourceRoot": "src",
"prefix": "mp",
"ar
浏览 5提问于2021-09-17得票数 1
回答已采纳
将应用程序从角5迁移到6后，在运行ng时将弹出以下错误。
架构验证失败，出现以下错误：“数据路径”不应具有其他属性(项目)。错误:架构验证失败，出现以下错误:数据路径"“不应具有其他属性(项目)。在MergeMapSubscriber._registry.compile.pipe.operators_1.concatMap.validatorResult at MergeMapSubscriber._tryNext (/.../me-cmf-web-template-angular/node_modules/@angular-devkit/core/node_modules/rxj
浏览 2提问于2018-09-19得票数 87
回答已采纳
1回答
我在Angular 6上加载bootstrap遇到了问题，我已经安装了bootstrap (npm install bootstrap)并在angular.json上声明了它，但仍然不能工作。还有其他我应该做的事情吗？我也在用sass，这是不是干扰了什么？
这是angular.json
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot":
浏览 0提问于2018-09-15得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
