Javascript &引用;出口'__平台(浏览器)(专用)&"x27 ;;在'@角度/平台浏览器';
我正在开发一个角度应用程序。 运行时在Javascript &引用;出口'__平台(浏览器)(专用)&"x27 ;;在'@角度/平台浏览器';,javascript,angular,npm,node-modules,Javascript,Angular,Npm,Node Modules,我正在开发一个角度应用程序。 运行时在/node\u modules/@angular/http/src/backends/xhr\u backend.js 204:40-68中获取错误:ng serve 在中找不到“导出”平台\u浏览器\u私有 “@角度/平台浏览器” 我的评论是:从'@angular/platform browser'导入{{uuuuuu platform\u browser\u private\uuuuuu}; 在xhr\u backends.js文件中 我用的是角度8 a
/node\u modules/@angular/http/src/backends/xhr\u backend.js 204:40-68
中获取错误:ng serve
在中找不到“导出”平台\u浏览器\u私有
“@角度/平台浏览器”
我的评论是:从'@angular/platform browser'
导入{{uuuuuu platform\u browser\u private\uuuuuu};
在xhr\u backends.js
文件中
我用的是角度8
app.module.ts
文件:
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { RouterModule } from '@angular/router';
import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
import { AppRoutingModule } from './app.routing';
import { NavbarModule } from './shared/navbar/navbar.module';
import { SidebarModule } from './sidebar/sidebar.module';
import { AppComponent } from './app.component';
import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
import {ModalModule} from 'ngx-bootstrap/modal';
import { AdminLayoutComponent } from './layouts/admin-layout/admin-layout.component';
import { LoginpageComponent } from './loginpage/loginpage.component';
import { BrowserModule } from '@angular/platform-browser';
import { JsonfetchComponent } from './jsonfetch/jsonfetch.component';
import { BreezeBridgeHttpClientModule } from 'breeze-bridge2-angular';
import {FacebookModule} from "ngx-facebook";
import {UrlPermission} from "./urlPermission/url.permission";
import { HttpService } from "./services/http.service"
import { AccountService } from "./services/account.service";
//import {HttpModule} from "@angular/http";
import {platformBrowser} from "../../node_modules/@angular/platform-browser"
@NgModule({
imports: [
//LoginpageComponent,
BrowserAnimationsModule,
FormsModule,
ReactiveFormsModule,
RouterModule,
HttpClientModule,
NavbarModule,
SidebarModule,
AppRoutingModule,
NgbModule,
ModalModule.forRoot(),
BrowserModule,
//platformBrowserDynamic
BreezeBridgeHttpClientModule,
// HttpModule,
FacebookModule.forRoot(),
],
declarations: [
AppComponent,
AdminLayoutComponent,
LoginpageComponent,
JsonfetchComponent,
],
providers: [UrlPermission, AccountService, HttpService],
bootstrap: [AppComponent],
exports:[BrowserModule]
})
export class AppModule { }
{
"name": "lbd-free-angular-cli",
"version": "1.4.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && npm install && npm start"
},
"private": true,
"dependencies": {
"@angular/animations": "8.0.0",
"@angular/common": "8.0.0",
"@angular/compiler": "8.0.0",
"@angular/core": "8.0.0",
"@angular/forms": "8.0.0",
"@angular/platform-browser": "8.0.0",
"@angular/platform-browser-dynamic": "8.0.0",
"@angular/router": "8.0.0",
"@ng-bootstrap/ng-bootstrap": "^4.2.1",
"@ng-bootstrap/schematics": "^2.0.0-alpha.1",
"@ngui/map": "0.30.3",
"@types/googlemaps": "3.30.13",
"@types/hammerjs": "^2.0.36",
"angular-calendar": "^0.27.13",
"angular-modal-service": "^0.15.3",
"animate.css": "^3.7.0",
"arrive": "2.4.1",
"bootstrap": "^3.4.1",
"bootstrap-notify": "3.1.3",
"breeze-bridge-angular": "^4.0.2",
"breeze-bridge2-angular": "^1.1.0",
"breeze-client": "^1.7.2",
"chartist": "0.11.0",
"core-js": "2.5.7",
"date-fns": "^1.30.1",
"flatpickr": "^4.6.2",
"googleapis": "33.0.0",
"hammerjs": "^2.0.8",
"igniteui-angular": "^8.0.5",
"jquery": "^3.4.1",
"jszip": "^3.2.2",
"modclean": "^3.0.0-beta.1",
"ng2-opd-popup": "^1.1.21",
"ngx-bootstrap": "^4.3.0",
"ngx-facebook": "^2.4.0",
"perfect-scrollbar": "^1.4.0",
"rxjs": "6.5.2",
"rxjs-compat": "6.3.2",
"sails": "^1.2.3",
"tslib": "^1.10.0",
"web-animations-js": "^2.3.2",
"zone.js": "~0.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.800.6",
"@angular/cli": "^8.1.2",
"@angular/compiler-cli": "8.0.0",
"@types/jasmine": "2.8.8",
"@types/node": "10.9.4",
"codelyzer": "^5.0.1",
"igniteui-cli": "^4.2.2",
"jasmine-core": "3.2.1",
"jasmine-spec-reporter": "4.2.1",
"karma": "3.0.0",
"karma-chrome-launcher": "2.2.0",
"karma-cli": "1.0.1",
"karma-coverage-istanbul-reporter": "2.0.4",
"karma-jasmine": "1.1.2",
"karma-jasmine-html-reporter": "1.3.1",
"protractor": "5.4.1",
"ts-node": "7.0.1",
"tslint": "5.11.0",
"typescript": "3.4.5"
}
}
package.json
文件:
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { RouterModule } from '@angular/router';
import { platformBrowserDynamic } from "@angular/platform-browser-dynamic";
import { AppRoutingModule } from './app.routing';
import { NavbarModule } from './shared/navbar/navbar.module';
import { SidebarModule } from './sidebar/sidebar.module';
import { AppComponent } from './app.component';
import {NgbModule} from '@ng-bootstrap/ng-bootstrap';
import {ModalModule} from 'ngx-bootstrap/modal';
import { AdminLayoutComponent } from './layouts/admin-layout/admin-layout.component';
import { LoginpageComponent } from './loginpage/loginpage.component';
import { BrowserModule } from '@angular/platform-browser';
import { JsonfetchComponent } from './jsonfetch/jsonfetch.component';
import { BreezeBridgeHttpClientModule } from 'breeze-bridge2-angular';
import {FacebookModule} from "ngx-facebook";
import {UrlPermission} from "./urlPermission/url.permission";
import { HttpService } from "./services/http.service"
import { AccountService } from "./services/account.service";
//import {HttpModule} from "@angular/http";
import {platformBrowser} from "../../node_modules/@angular/platform-browser"
@NgModule({
imports: [
//LoginpageComponent,
BrowserAnimationsModule,
FormsModule,
ReactiveFormsModule,
RouterModule,
HttpClientModule,
NavbarModule,
SidebarModule,
AppRoutingModule,
NgbModule,
ModalModule.forRoot(),
BrowserModule,
//platformBrowserDynamic
BreezeBridgeHttpClientModule,
// HttpModule,
FacebookModule.forRoot(),
],
declarations: [
AppComponent,
AdminLayoutComponent,
LoginpageComponent,
JsonfetchComponent,
],
providers: [UrlPermission, AccountService, HttpService],
bootstrap: [AppComponent],
exports:[BrowserModule]
})
export class AppModule { }
{
"name": "lbd-free-angular-cli",
"version": "1.4.0",
"license": "MIT",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e",
"install:clean": "rm -rf node_modules/ && rm -rf package-lock.json && npm install && npm start"
},
"private": true,
"dependencies": {
"@angular/animations": "8.0.0",
"@angular/common": "8.0.0",
"@angular/compiler": "8.0.0",
"@angular/core": "8.0.0",
"@angular/forms": "8.0.0",
"@angular/platform-browser": "8.0.0",
"@angular/platform-browser-dynamic": "8.0.0",
"@angular/router": "8.0.0",
"@ng-bootstrap/ng-bootstrap": "^4.2.1",
"@ng-bootstrap/schematics": "^2.0.0-alpha.1",
"@ngui/map": "0.30.3",
"@types/googlemaps": "3.30.13",
"@types/hammerjs": "^2.0.36",
"angular-calendar": "^0.27.13",
"angular-modal-service": "^0.15.3",
"animate.css": "^3.7.0",
"arrive": "2.4.1",
"bootstrap": "^3.4.1",
"bootstrap-notify": "3.1.3",
"breeze-bridge-angular": "^4.0.2",
"breeze-bridge2-angular": "^1.1.0",
"breeze-client": "^1.7.2",
"chartist": "0.11.0",
"core-js": "2.5.7",
"date-fns": "^1.30.1",
"flatpickr": "^4.6.2",
"googleapis": "33.0.0",
"hammerjs": "^2.0.8",
"igniteui-angular": "^8.0.5",
"jquery": "^3.4.1",
"jszip": "^3.2.2",
"modclean": "^3.0.0-beta.1",
"ng2-opd-popup": "^1.1.21",
"ngx-bootstrap": "^4.3.0",
"ngx-facebook": "^2.4.0",
"perfect-scrollbar": "^1.4.0",
"rxjs": "6.5.2",
"rxjs-compat": "6.3.2",
"sails": "^1.2.3",
"tslib": "^1.10.0",
"web-animations-js": "^2.3.2",
"zone.js": "~0.9.1"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.800.6",
"@angular/cli": "^8.1.2",
"@angular/compiler-cli": "8.0.0",
"@types/jasmine": "2.8.8",
"@types/node": "10.9.4",
"codelyzer": "^5.0.1",
"igniteui-cli": "^4.2.2",
"jasmine-core": "3.2.1",
"jasmine-spec-reporter": "4.2.1",
"karma": "3.0.0",
"karma-chrome-launcher": "2.2.0",
"karma-cli": "1.0.1",
"karma-coverage-istanbul-reporter": "2.0.4",
"karma-jasmine": "1.1.2",
"karma-jasmine-html-reporter": "1.3.1",
"protractor": "5.4.1",
"ts-node": "7.0.1",
"tslint": "5.11.0",
"typescript": "3.4.5"
}
}
您的自动导入可能失败。请尝试更改:
import {platformBrowser} from "../../node_modules/@angular/platform-browser"
在
我在将@angular/cli从6.x升级到8.x时遇到了同样的问题 当我运行
npmi
时,我注意到以下警告
npm警告已弃用@angular/http@2.4.10:切换到@angular/common/http-请参阅
我相信您仍在尝试从应用程序中的某个地方的“@angular/http”导入
在更新我的app.module.ts
从
从“@angular/http”导入{HttpModule}
到
从'@angular/common/http'导入{HttpClientModule};
正如您所做的,我还更新了我的web.service.ts
从
从'@angular/Http'导入{Http};
到
从'@angular/common/http'导入{HttpClient};
它解决了我的问题
另外,请确保在导入HttpClientModule
之前导入BrowserModule
,如中所述
@NGD模块({
进口:[
浏览器模块,
//在BrowserModule之后导入HttpClientModule。
HttpClientModule,
],
希望这有帮助!!我认为这与角度ssr无关 你需要跑步 npm安装--保存@角度/平台浏览器