- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有一个旧项目,并将其移至具有不同 Node ,npm版本的新计算机上,并开始努力进行编译以使其正常运行。我确实为所有依赖项进行了npm软件包升级,这更新了我的webpack配置,当一切都宣布中断时,这差不多了。我试图“升级”我的配置-现在看起来在语法上是正确的-但构建没有完成-这是我的目标!帮助!
Node 版本= v6.11.1
NPM版本= 3.10.10
我当前遇到的问题是,当我运行npm运行脚本(运行以下命令webpack --progress --profile --colors --display-error-details --display-cached
)时,我得到以下错误输出:
npm run build
> ConnectToolkit@0.0.1 build /Users/andy.armstronguk.ibm.com/Documents/Personal/ConnectToolkit
> webpack --progress --profile --colors --display-error-details --display-cached
12% building modules 18/166 modules 148 active ...e_modules/rxjs/add/operator/zipAll.jsts-loader: Using typescript@2.4.2 and /Users/andy.armstronguk.ibm.com/Documents/Personal/ConnectToolkit/tsconfig.json
6403ms building modules
18ms sealing
1ms optimizing
0ms basic module optimization
8ms module optimization
1ms advanced module optimization
0ms basic chunk optimization
0ms chunk optimization
0ms advanced chunk optimization
0ms module and chunk tree optimization
0ms chunk modules optimization
0ms advanced chunk modules optimization
9ms module reviving
5ms module order optimization
4ms module id optimization
3ms chunk reviving
2ms chunk order optimization
14ms chunk id optimization
57ms hashing
0ms module assets processing
99ms chunk assets processing
21ms additional chunk assets processing
0ms recording
0ms additional asset processing
4022ms chunk asset optimization
862ms asset optimization
87ms emitting
Hash: 64818392d721d165376d
Version: webpack 3.3.0
Time: 11633ms
Asset Size Chunks Chunk Names
app.js 3.48 MB 0 [emitted] [big] app
@angular.js 856 kB 1 [emitted] [big] @angular
common.js 140 kB 2 [emitted] common
app.js.map 4.26 MB 0 [emitted] app
@angular.js.map 1.05 MB 1 [emitted] @angular
common.js.map 166 kB 2 [emitted] common
[34] external "fs" 42 bytes {0} {1} [not cacheable]
[] -> factory:1ms building:0ms = 1ms
[394] ./src/app/services/ftp-service/index.ts 168 bytes {0} [built]
[] -> factory:284ms building:297ms = 581ms
[400] ./src/app/services/ssh-service/index.ts 168 bytes {0} [built]
[] -> factory:285ms building:314ms = 599ms
[426] multi rxjs reflect-metadata zone.js 52 bytes {1} [built]
factory:1ms building:2ms = 3ms
[429] multi es6-shim 28 bytes {2} [built]
factory:0ms building:0ms = 0ms
[431] ./src/app/app.ts 293 bytes {0} [built]
factory:344ms building:3392ms = 3736ms
[434] ./src/app/app.module.ts 2.96 kB {0} [built]
[] -> factory:157ms building:176ms = 333ms
[435] ./src/app/app.component.ts 1.41 kB {0} [built]
[] -> factory:215ms building:90ms dependencies:262ms = 567ms
[438] ./src/app/page-1/page.1.component.ts 1.08 kB {0} [built]
[] -> factory:249ms building:101ms dependencies:217ms = 567ms
[441] ./src/app/server-browser/server.browser.component.ts 3.16 kB {0} [built]
[] -> factory:250ms building:184ms dependencies:133ms = 567ms
[469] ./src/app/api-browser/api.browser.component.ts 4.16 kB {0} [built]
[] -> factory:250ms building:159ms dependencies:158ms = 567ms
[583] ./src/app/api-detail/index.ts 195 bytes {0} [built]
[] -> factory:280ms building:276ms = 556ms
[587] ./src/app/api-list/index.ts 185 bytes {0} [built]
[] -> factory:280ms building:280ms = 560ms
[591] ./src/app/settings/settings.component.ts 3.92 kB {0} [built]
[] -> factory:251ms building:205ms dependencies:111ms = 567ms
[594] ./src/app/server-details/index.ts 215 bytes {0} [built]
[] -> factory:280ms building:286ms = 566ms
+ 585 hidden modules
ERROR in /Users/andy.armstronguk.ibm.com/Documents/Personal/ConnectToolkit/node_modules/@types/node/index.d.ts
(60,14): error TS2687: All declarations of 'iterator' must have identical modifiers.
ERROR in /Users/andy.armstronguk.ibm.com/Documents/Personal/ConnectToolkit/src/customDefinitions.d.ts
(1,15): error TS2300: Duplicate identifier 'Notification'.
npm ERR! Darwin 16.7.0
npm ERR! argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "build"
npm ERR! node v6.11.1
npm ERR! npm v3.10.10
npm ERR! code ELIFECYCLE
npm ERR! ConnectToolkit@0.0.1 build: `webpack --progress --profile --colors --display-error-details --display-cached`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the ConnectToolkit@0.0.1 build script 'webpack --progress --profile --colors --display-error-details --display-cached'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the ConnectToolkit package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! webpack --progress --profile --colors --display-error-details --display-cached
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs ConnectToolkit
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls ConnectToolkit
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! /Users/andy.armstronguk.ibm.com/Documents/Personal/ConnectToolkit/npm-debug.log
ERROR in /Users/andy.armstronguk.ibm.com/Documents/Personal/ConnectToolkit/node_modules/@types/node/index.d.ts
(60,14): error TS2687: All declarations of 'iterator' must have identical modifiers.
ERROR in /Users/andy.armstronguk.ibm.com/Documents/Personal/ConnectToolkit/src/customDefinitions.d.ts
(1,15): error TS2300: Duplicate identifier 'Notification'.
declare class Notification {
constructor(title: string, options?: Object)
}
var path = require('path');
var webpack = require('webpack');
var CommonsChunkPlugin = webpack.optimize.CommonsChunkPlugin;
var helpers = require('./helpers');
module.exports = {
devtool: 'source-map',
entry: {
'@angular': [
'rxjs',
'reflect-metadata',
'zone.js'
],
'common': ['es6-shim'],
'app': './src/app/app.ts'
},
output: {
path: __dirname + '/build/',
publicPath: 'build/',
filename: '[name].js',
sourceMapFilename: '[name].js.map',
chunkFilename: '[id].chunk.js'
},
resolve: {
extensions: ['.ts','.js','.json', '.css', '.html']
},
module: {
loaders: [
{
test: /\.ts$/,
loader: 'ts-loader',
exclude: [ /node_modules/, /releases/ ]
},
{
test: /\.json$/,
loader: 'json-loader'
},
{
test: /\.(css|html)$/,
loader: 'raw-loader'
},
{
test: /\.(png|jpg)$/,
loader: 'url?limit=10000'
}
]
},
plugins: [
new webpack.ContextReplacementPlugin(
// The (\\|\/) piece accounts for path separators in *nix and Windows
/angular(\\|\/)core(\\|\/)@angular/,
helpers.root('./src'), // location of your src
{} // a map of your routes
),
new webpack.LoaderOptionsPlugin({
options : {
htmlLoader : {
minimize : false
}
}
})
],
target:'electron-renderer'
};
0 info it worked if it ends with ok
1 verbose cli [ '/usr/local/bin/node', '/usr/local/bin/npm', 'run', 'build' ]
2 info using npm@3.10.10
3 info using node@v6.11.1
4 verbose run-script [ 'prebuild', 'build', 'postbuild' ]
5 info lifecycle ConnectToolkit@0.0.1~prebuild: ConnectToolkit@0.0.1
6 silly lifecycle ConnectToolkit@0.0.1~prebuild: no script for prebuild, continuing
7 info lifecycle ConnectToolkit@0.0.1~build: ConnectToolkit@0.0.1
8 verbose lifecycle ConnectToolkit@0.0.1~build: unsafe-perm in lifecycle true
9 verbose lifecycle ConnectToolkit@0.0.1~build: PATH: /usr/local/lib/node_modules/npm/bin/node-gyp-bin:/Users/andy.armstronguk.ibm.com/Documents/Personal/ConnectToolkit/node_modules/.bin:/Users/andy.armstronguk.ibm.com/.rvm/gems/ruby-2.4.1/bin:/Users/andy.armstronguk.ibm.com/.rvm/gems/ruby-2.4.1@global/bin:/Users/andy.armstronguk.ibm.com/.rvm/rubies/ruby-2.4.1/bin:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin:/Users/andy.armstronguk.ibm.com/.rvm/bin
10 verbose lifecycle ConnectToolkit@0.0.1~build: CWD: /Users/andy.armstronguk.ibm.com/Documents/Personal/ConnectToolkit
11 silly lifecycle ConnectToolkit@0.0.1~build: Args: [ '-c',
11 silly lifecycle 'webpack --progress --profile --colors --display-error-details --display-cached' ]
12 silly lifecycle ConnectToolkit@0.0.1~build: Returned: code: 2 signal: null
13 info lifecycle ConnectToolkit@0.0.1~build: Failed to exec build script
14 verbose stack Error: ConnectToolkit@0.0.1 build: `webpack --progress --profile --colors --display-error-details --display-cached`
14 verbose stack Exit status 2
14 verbose stack at EventEmitter.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/lifecycle.js:255:16)
14 verbose stack at emitTwo (events.js:106:13)
14 verbose stack at EventEmitter.emit (events.js:191:7)
14 verbose stack at ChildProcess.<anonymous> (/usr/local/lib/node_modules/npm/lib/utils/spawn.js:40:14)
14 verbose stack at emitTwo (events.js:106:13)
14 verbose stack at ChildProcess.emit (events.js:191:7)
14 verbose stack at maybeClose (internal/child_process.js:891:16)
14 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:226:5)
15 verbose pkgid ConnectToolkit@0.0.1
16 verbose cwd /Users/andy.armstronguk.ibm.com/Documents/Personal/ConnectToolkit
17 error Darwin 16.7.0
18 error argv "/usr/local/bin/node" "/usr/local/bin/npm" "run" "build"
19 error node v6.11.1
20 error npm v3.10.10
21 error code ELIFECYCLE
22 error ConnectToolkit@0.0.1 build: `webpack --progress --profile --colors --display-error-details --display-cached`
22 error Exit status 2
23 error Failed at the ConnectToolkit@0.0.1 build script 'webpack --progress --profile --colors --display-error-details --display-cached'.
23 error Make sure you have the latest version of node.js and npm installed.
23 error If you do, this is most likely a problem with the ConnectToolkit package,
23 error not with npm itself.
23 error Tell the author that this fails on your system:
23 error webpack --progress --profile --colors --display-error-details --display-cached
23 error You can get information on how to open an issue for this project with:
23 error npm bugs ConnectToolkit
23 error Or if that isn't available, you can get their info via:
23 error npm owner ls ConnectToolkit
23 error There is likely additional logging output above.
24 verbose exit [ 1, true ]
"@types/core-js": "^0.9.34"
更新为
"@types/core-js": "0.9.35"
,在构建过程中修复了很多错误):
{
"name": "ConnectToolkit",
"version": "0.0.1",
"description": "myapp",
"main": "main.js",
"scripts": {
"start": "electron main.js",
"build": "webpack --progress --profile --colors --display-error-details --display-cached",
"watch": "webpack --watch --progress --profile --colors --display-error-details --display-cached",
"distribute": "electron-packager . Electrogram --platform=darwin --arch=x64 --out=releases/ --overwrite --icon=src/assets/images/electrogram --asar"
},
"author": "Andy Armstrong",
"license": "See Licence.txt ",
"devDependencies": {
"@types/core-js": "0.9.35",
"@types/hammerjs": "^2.0.33",
"@types/jasmine": "^2.5.37",
"@types/node": "^8.0.14",
"@types/selenium-webdriver": "^3.0.4",
"@types/webpack": "^3.0.4",
"@types/zone.js": "0.5.12",
"css-loader": "^0.28.4",
"electron": "^1.4.5",
"electron-packager": "^8.2.0",
"electron-prebuilt": "^1.4.5",
"electron-rebuild": "^1.5.11",
"electron-reload": "^1.0.2",
"file-loader": "^0.11.2",
"json-loader": "^0.5.4",
"raw-loader": "^0.5.1",
"ts-loader": "^2.3.1",
"typescript": "^2.0.6",
"uglify-js": "^3.0.25",
"url-loader": "^0.5.7",
"webpack": "^3.3.0"
},
"dependencies": {
"@angular/common": "^4.3.1",
"@angular/compiler": "^4.3.1",
"@angular/core": "^4.3.1",
"@angular/platform-browser": "^4.3.1",
"@angular/platform-browser-dynamic": "^4.3.1",
"@angular/router": "^4.3.1",
"electron-window-state": "^4.1.1",
"es6-shim": "^0.35.1",
"ftp": "^0.3.10",
"jquery": "^3.1.1",
"material-design-lite": "^1.2.1",
"ng2-popover": "0.0.14",
"node-persist": "^2.0.7",
"open": "0.0.5",
"reflect-metadata": "^0.1.8",
"rxjs": "5.4.2",
"ssh2": "^0.5.4",
"systemjs": "^0.20.15",
"xml2js": "^0.4.17",
"zone.js": "^0.8.14"
}
}
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"sourceMap": true,
"typeRoots": [
"node_modules/@types"
]
},
"exclude": [
"node_modules",
"releases"
],
"filesGlob": [
"./src/customDefinitions.d.ts",
"./src/app/**/*.ts",
"!./node_modules/**/*.ts",
"typings/index.d.ts"
],
"awesomeTypescriptLoaderOptions": {
"resolveGlobs": true,
"forkChecker": true
},
"compileOnSave": true,
"buildOnSave": true
}
最佳答案
通过添加以下内容解决了此问题:
"lib":["es6","dom"]
tsconfig.json
文件看起来像:
{
"compilerOptions": {
"target": "es5",
"module": "commonjs",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"sourceMap": true,
"lib":["es6","dom"],
"typeRoots": [
"node_modules/@types"
]
},
"exclude": [
"node_modules",
"releases"
],
"filesGlob": [
"./src/customDefinitions.d.ts",
"./src/app/**/*.ts",
"!./node_modules/**/*.ts",
"typings/index.d.ts"
],
"awesomeTypescriptLoaderOptions": {
"resolveGlobs": true,
"forkChecker": true
},
"compileOnSave": true,
"buildOnSave": true
}
关于angularjs - Webpack问题与angular2 Electron 项目失败,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45254477/
我正在尝试在项目中学习和添加 Angular 国际化。我只能理解 Angular 文档 (https://angular.io/guide/i18n-overview) 的编译时翻译。 我需要这样的东
在我的 Angular 应用程序中,基于登录用户,我想通过显示/隐藏不同的菜单项或允许/禁止某些路由来授予或限制功能。 目前成功登录后,我的 .NET Core API 会返回一个 JWT token
我是 Angular 的新手,目前我已经看过 angular.io 网站提供的一些示例。但是在component decorator在文档中的解释,它指出 Angular components are
这里是service employee-service.service.ts的代码 import { Injectable } from '@angular/core'; import { HttpC
我目前正在使用@angular/http URLSearchParams 类来检索 URL 参数。在 Angular 5 中,注意到这已被弃用,但我没有看到以我当前使用的方式替换 URLSearchP
我目前正在使用@angular/http URLSearchParams 类来检索 URL 参数。在 Angular 5 中,注意到这已被弃用,但我没有看到以我当前使用的方式替换 URLSearchP
如何正确安装 PUG/JADE 到 Angular 2 或更高版本 这样在工作和 AOT 和 JiT 的同时 工作单元和集成测试 并且在创建每个新组件时不会受到太多影响 最佳答案 我看到了很多解决方案
我的 Angular 12 应用程序中有一些通用组件,我计划将其创建为一个 Angular 库,以便其他应用程序也可以使用它。我们有一些应用程序在较低版本的 angular(例如 angular 8/
tl;dr; ng build 删除了包含我编译的自定义库的/dist 文件夹。这会使我项目代码中对该库的所有引用无效,从而导致 ng build 最终失败。我做错了什么? 我关注了documenta
我正在将一些“遗留”(非 typescript )js 库导入到我的 Angular SPA 中。 通常我只是从 cdn 添加一个负载到 index.html 就像: 在 Angular 分量中我只
我有这个 angular 应用程序,它基本上使用了库的概念。 我有 2 个名为 的库Lib1 和 lib2 根据他们所服务的微服务分组。 现在我将这些库导入主应用程序,即 应用1 事情一直到现在。 现
我在我的项目中启用了 angular Universal。我现在想完全删除它。我试图删除以下文件 /server.ts /webpack.server.config.js /src/tsconfig.
我已经有一个 AuthService 在登录时对用户进行身份验证,并且 AuthGuard 在未登录的情况下阻止访问。 某些页面我通过 UserProfile/Role 限制访问,但现在我需要阻止页面
我正在尝试使用 angular、TypeORM、SQLite 和其他组件作为 webpack 构建 Electron 应用程序。 我从在 GitHub 上找到的示例开始我的开发:https://git
我在从 Angular 8 更新到 9 并运行时遇到以下错误 ng 更新@angular/material: Package "@angular/flex-layout" has an incompa
我正在尝试使用 Angular 9,我想创建一个项目,然后创建一个库项目并开始向其中添加我想稍后在 GitHub 上发布的通用模块,并在我的本地使用这些库项目。 相关依赖如下: Angular CLI
我正在尝试使用 Angular 9,我想创建一个项目,然后创建一个库项目并开始向其中添加我想稍后在 GitHub 上发布的通用模块,并在我的本地使用这些库项目。 相关依赖如下: Angular CLI
我正在我的 h1 元素“之前”创建一个小的程式化三 Angular 形图案,但我无法正确地圆 Angular 。右上角没问题,但其他两个有剪裁问题。 这是输出以及形状的放大图像: 使用的代码如下: h
我有一个 Angular 元素,带有自定义标记名 - fancy-button。如何将 fancy-button 嵌入 Angular 应用程序? 我已经尝试了以下方法,但都没有用 - 在 index
我已将我的项目从 angular 5.2.9 升级到 angular 6.0.0-rc.5。 除了包路径中的几个快速 RxJS 修复外,一切看起来都不错。(此链接非常有用:Want to upgrad
我是一名优秀的程序员,十分优秀!