ng 服务错误 - 打字稿不匹配版本(也许)

Question

aspnet样板核心模板 3.3.2

"ng serve"发出此输出(如下(

附加信息：

• 错误是否由类型CRITP不匹配版本生成？
• 我的打字稿应该是 2.6.1(npm 视图打字稿版本(
• 我尝试过：npm install typescript@2.4.0
• 还有另一个问题吗？

[ng 服务输出]

@angular/compiler-cli@4.4.6 requires typescript@'>=2.1.0 <2.4.0' but 2.4.0 was found instead.
Using this version can result in undefined behaviour and difficult to debug problems.
Please run the following command to install a compatible version of TypeScript.
    npm install typescript@'>=2.1.0 <2.4.0'
To disable this warning run "ng set warnings.typescriptMismatch=false".
** NG Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
Date: 2017-11-16T09:52:15.693Z
Hash: f55af8b09fa2b7f58749
Time: 32705ms
chunk {inline} inline.bundle.js (inline) 5.79 kB [entry] [rendered]
chunk {main} main.bundle.js (main) 483 kB [initial] [rendered]
chunk {polyfills} polyfills.bundle.js (polyfills) 1.09 MB [initial] [rendered]
chunk {styles} styles.bundle.js (styles) 1.61 MB [initial] [rendered]
chunk {vendor} vendor.bundle.js (vendor) 14.7 MB [initial] [rendered]
WARNING in ./node_modules/abp-ng2-module/node_modules/@angular/core/esm5/core.js
6438:15-36 Critical dependency: the request of a dependency is an expression
    at ImportLazyContextDependency.getWarnings (C:angularAbpCore3.3.2angularnode_moduleswebpacklibdependenciesContextDependency.js:39:18)
    at Compilation.reportDependencyErrorsAndWarnings (C:angularAbpCore3.3.2angularnode_moduleswebpacklibCompilation.js:703:24)
    at Compilation.finish (C:angularAbpCore3.3.2angularnode_moduleswebpacklibCompilation.js:561:9)
    at applyPluginsParallel.err (C:angularAbpCore3.3.2angularnode_moduleswebpacklibCompiler.js:506:17)
    at C:angularAbpCore3.3.2angularnode_modulestapablelibTapable.js:289:11
    at _addModuleChain (C:angularAbpCore3.3.2angularnode_moduleswebpacklibCompilation.js:507:11)
    at processModuleDependencies.err (C:angularAbpCore3.3.2angularnode_moduleswebpacklibCompilation.js:477:14)
    at _combinedTickCallback (internal/process/next_tick.js:73:7)
    at process._tickCallback (internal/process/next_tick.js:104:9)
 @ ./node_modules/abp-ng2-module/node_modules/@angular/core/esm5/core.js
 @ ./node_modules/abp-ng2-module/src/multi-tenancy/abp-multi-tenancy.service.ts
 @ ./src/shared/session/app-session.service.ts
 @ ./src/root.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts
WARNING in ./node_modules/abp-ng2-module/node_modules/@angular/core/esm5/core.js
6458:15-102 Critical dependency: the request of a dependency is an expression
    at ImportLazyContextDependency.getWarnings (C:angularAbpCore3.3.2angularnode_moduleswebpacklibdependenciesContextDependency.js:39:18)
    at Compilation.reportDependencyErrorsAndWarnings (C:angularAbpCore3.3.2angularnode_moduleswebpacklibCompilation.js:703:24)
    at Compilation.finish (C:angularAbpCore3.3.2angularnode_moduleswebpacklibCompilation.js:561:9)
    at applyPluginsParallel.err (C:angularAbpCore3.3.2angularnode_moduleswebpacklibCompiler.js:506:17)
    at C:angularAbpCore3.3.2angularnode_modulestapablelibTapable.js:289:11
    at _addModuleChain (C:angularAbpCore3.3.2angularnode_moduleswebpacklibCompilation.js:507:11)
    at processModuleDependencies.err (C:angularAbpCore3.3.2angularnode_moduleswebpacklibCompilation.js:477:14)
    at _combinedTickCallback (internal/process/next_tick.js:73:7)
    at process._tickCallback (internal/process/next_tick.js:104:9)
 @ ./node_modules/abp-ng2-module/node_modules/@angular/core/esm5/core.js
 @ ./node_modules/abp-ng2-module/src/multi-tenancy/abp-multi-tenancy.service.ts
 @ ./src/shared/session/app-session.service.ts
 @ ./src/root.module.ts
 @ ./src/main.ts
 @ multi webpack-dev-server/client?http://0.0.0.0:0 ./src/main.ts
ERROR in Error: Metadata version mismatch for module C:/angular/AbpCore/3.3.2/angular/node_modules/abp-ng2-module/node_modules/@angular/http/http.d.ts, found version 4, expected 3, resolving symbol ABP_HTTP_PROVIDER in C:/angular/AbpCore/3.3.2/angular/node_modules/abp-ng2-module/src/abp.module.ts, resolving symbol RootModule in C:/angular/AbpCore/3.3.2/angular/src/root.module.ts, resolving symbol RootModule in C:/angular/AbpCore/3.3.2/angular/src/root.module.ts
    at Error (native)
    at syntaxError (C:[e-mail]:1729:34)
    at simplifyInContext (C:[e-mail]:24979:23)
    at StaticReflector.simplify (C:[e-mail]:24991:13)
    at StaticReflector.annotations (C:[e-mail]:24418:41)
    at _getNgModuleMetadata (C:angularAbpCore3.3.2angularnode_modules@angularcompiler-clisrcngtools_impl.js:138:31)
    at _extractLazyRoutesFromStaticModule (C:angularAbpCore3.3.2angularnode_modules@angularcompiler-clisrcngtools_impl.js:109:26)
    at Object.listLazyRoutesOfModule (C:angularAbpCore3.3.2angularnode_modules@angularcompiler-clisrcngtools_impl.js:53:22)
    at Function.NgTools_InternalApi_NG_2.listLazyRoutes (C:angularAbpCore3.3.2angularnode_modules@angularcompiler-clisrcngtools_api.js:91:39)
    at AotPlugin._getLazyRoutesFromNgtools (C:[e-mail]:241:66)
    at _donePromise.Promise.resolve.then.then.then.then.then (C:[e-mail]:495:24)
    at process._tickCallback (internal/process/next_tick.js:109:7)
webpack: Failed to compile.

Answer 1

我遇到了同样的问题。似乎这将是"abp-ng2-module"的问题。

所以强制 npm 安装 abp-ng2 模块 v1.2.0。

• 在 package.json 依赖项中，将"abp-ng2-module"："^1.2.0"替换为"abp-ng2-module"："1.2.0">
• 删除node_modules文件夹和包.json.lock 文件
• 运行 npm 安装
• 运行 ng 服务

Answer 2

它只需两个步骤：

• 删除node_modules文件夹
• 润纱