有一个新项目,但是当ng服务时出现错误

时间:2018-10-02 12:01:41

标签: angular webpack angular-cli node-modules

我需要更改此主题,我无法发布新主题。 我已经更新了脚本,并安装了新软件包。 我仍然遇到错误,但最后一次发帖失败。

                             _                           _  _
  __ _  _ __    __ _  _   _ | |  __ _  _ __         ___ | |(_)
 / _` || '_ \  / _` || | | || | / _` || '__|_____  / __|| || |
| (_| || | | || (_| || |_| || || (_| || |  |_____|| (__ | || |
 \__,_||_| |_| \__, | \__,_||_| \__,_||_|          \___||_||_|
               |___/
angular-cli: 1.0.0-beta.26
node: 8.12.0
os: linux x64
@angular/animations: 6.1.9
@angular/cdk: 6.4.7
@angular/common: 6.1.9
@angular/compiler: 6.1.9
@angular/core: 6.1.9
@angular/forms: 6.1.9
@angular/http: 6.1.9
@angular/material: 2.0.0-beta.10
@angular/platform-browser: 6.1.9
@angular/platform-browser-dynamic: 6.1.9
@angular/platform-server: 6.1.9
@angular/router: 6.1.9
@angular/compiler-cli: 6.1.9
@ngtools/webpack: 1.10.2

我现在收到此错误。这是我现在不知道如何解决的新错误。

WARNING in ./~/ng2-webstorage/dist/app.js
11:35-46 "export 'OpaqueToken' was not found in '@angular/core'

WARNING in ./~/@angular/material/@angular/material.es5.js
6128:45-70 "export 'ConnectedOverlayDirective' was not found in '@angular/cdk/overlay'

WARNING in ./~/@angular/material/@angular/material.es5.js
13725:44-56 "export 'OverlayState' was not found in '@angular/cdk/overlay'

WARNING in ./~/@angular/material/@angular/material.es5.js
15765:42-54 "export 'OverlayState' was not found in '@angular/cdk/overlay'

WARNING in ./~/@angular/material/@angular/material.es5.js
16831:48-60 "export 'OverlayState' was not found in '@angular/cdk/overlay'

WARNING in ./~/@angular/material/@angular/material.es5.js
17553:48-60 "export 'OverlayState' was not found in '@angular/cdk/overlay'

WARNING in ./~/@angular/material/@angular/material.es5.js
18421:48-60 "export 'OverlayState' was not found in '@angular/cdk/overlay'

WARNING in ./~/@angular/material/@angular/material.es5.js
19726:48-60 "export 'OverlayState' was not found in '@angular/cdk/overlay'

WARNING in ./~/angular2-semantic-ui/components/dropdown/dropdown.ts
139:16-23 "export 'trigger' was not found in '@angular/core'

WARNING in ./~/angular2-semantic-ui/components/dropdown/dropdown.ts
140:20-25 "export 'state' was not found in '@angular/core'

WARNING in ./~/angular2-semantic-ui/components/dropdown/dropdown.ts
140:38-43 "export 'style' was not found in '@angular/core'

WARNING in ./~/angular2-semantic-ui/components/dropdown/dropdown.ts
144:20-25 "export 'state' was not found in '@angular/core'

WARNING in ./~/angular2-semantic-ui/components/dropdown/dropdown.ts
144:36-41 "export 'style' was not found in '@angular/core'

WARNING in ./~/angular2-semantic-ui/components/dropdown/dropdown.ts
148:20-30 "export 'transition' was not found in '@angular/core'

WARNING in ./~/angular2-semantic-ui/components/dropdown/dropdown.ts
148:54-61 "export 'animate' was not found in '@angular/core'

WARNING in ./~/angular2-semantic-ui/components/accordion/accordion_panel.ts
53:16-23 "export 'trigger' was not found in '@angular/core'

WARNING in ./~/angular2-semantic-ui/components/accordion/accordion_panel.ts
54:20-25 "export 'state' was not found in '@angular/core'

WARNING in ./~/angular2-semantic-ui/components/accordion/accordion_panel.ts
54:38-43 "export 'style' was not found in '@angular/core'

WARNING in ./~/angular2-semantic-ui/components/accordion/accordion_panel.ts
59:20-25 "export 'state' was not found in '@angular/core'

WARNING in ./~/angular2-semantic-ui/components/accordion/accordion_panel.ts
59:36-41 "export 'style' was not found in '@angular/core'

WARNING in ./~/angular2-semantic-ui/components/accordion/accordion_panel.ts
64:20-30 "export 'transition' was not found in '@angular/core'

WARNING in ./~/angular2-semantic-ui/components/accordion/accordion_panel.ts
64:53-60 "export 'animate' was not found in '@angular/core'

WARNING in ./~/angular2-semantic-ui/components/accordion/accordion_panel.ts
65:20-30 "export 'transition' was not found in '@angular/core'

WARNING in ./~/angular2-semantic-ui/components/accordion/accordion_panel.ts
65:53-60 "export 'animate' was not found in '@angular/core'

我找不到此错误的答案。 我希望我现在可以找到答案,这样我就可以继续使用该脚本。

6 个答案:

答案 0 :(得分:34)

我建议阅读:

https://www.techiediaries.com/updating-angular-cli-projects/

在此页面上指出:

Angular 6使用angular.json而不是angular-cli.json。 可以使用:

ng update @angular/cli

这解决了我的问题。

祝你好运

答案 1 :(得分:23)

Angular 6会寻找angular.json而不是angular-cli.json。

您需要更新@angular/cli。添加到以上答案

我确实使用以下命令更新了所有软件包,并且也更新了所有依赖项。从而消除与其他软件包的所有兼容性问题。

如果要启动您的应用程序或演示应用程序,请遵循以下步骤。如果您要针对生产应用执行此操作,请格外小心。

npm install -g npm-check-updates
ncu -u
ng update @angular/cli
npm install

安装npm-check-updates

npm install -g npm-check-updates 

使用ncu更新您的package.json

ncu用于显示

ncu -u用于重写package.json

更新您的@ angular / cli以将您的应用程序修改为与angular 6兼容

ng update @angular/cli 

enter image description here

并运行npm install来更新您的软件包

答案 2 :(得分:3)

重新安装@ angular / cli

npm install @angular/cli

答案 3 :(得分:2)

只需使用官方的升级指南,它会告诉您您需要满足自己的特殊需求:

enter image description here

https://update.angular.io/

答案 4 :(得分:1)

就我而言,我只需要在删除/重新克隆仓库后关闭/重新打开终端。不知道那里发生了什么。

答案 5 :(得分:1)

这似乎是由于安装了不同版本的angular-cli引起的。 我只是使用新命令创建了一个新项目,然后将其复制到src目录中。然后全部编译成功。

    ng new UX7