When building the PiCockpit frontend code (which is packaged using Webpack) on a different computer, I ran into the following issue:<\/p>\n\n\n\n
cross-env NODE_ENV=production webpack –progress –hide-modules –mode=production
type: ‘object’,
additionalProperties: true,
properties: {
apply: {
description: ‘The run point of the plugin, required method.’,
instanceof: ‘Function’,
tsType: “(compiler: import(‘..\/lib\/Compiler’)) => void”
}
},
required: [ ‘apply’ ]
}
},
title: ‘WebpackOptions’,
description: ‘Options object as provided by the user.’,
type: ‘object’,
additionalProperties: false,
properties: {
amd: { ‘$ref’: ‘#\/definitions\/Amd’ },
bail: { ‘$ref’: ‘#\/definitions\/Bail’ },
cache: { ‘$ref’: ‘#\/definitions\/CacheOptions’ },
context: { ‘$ref’: ‘#\/definitions\/Context’ },
dependencies: { ‘$ref’: ‘#\/definitions\/Dependencies’ },
devServer: { ‘$ref’: ‘#\/definitions\/DevServer’ },
devtool: { ‘$ref’: ‘#\/definitions\/DevTool’ },
entry: { ‘$ref’: ‘#\/definitions\/Entry’ },
experiments: { ‘$ref’: ‘#\/definitions\/Experiments’ },
externals: { ‘$ref’: ‘#\/definitions\/Externals’ },
externalsPresets: { ‘$ref’: ‘#\/definitions\/ExternalsPresets’ },
externalsType: { ‘$ref’: ‘#\/definitions\/ExternalsType’ },
ignoreWarnings: { ‘$ref’: ‘#\/definitions\/IgnoreWarnings’ },
infrastructureLogging: { ‘$ref’: ‘#\/definitions\/InfrastructureLogging’ },
loader: { ‘$ref’: ‘#\/definitions\/Loader’ },
mode: { ‘$ref’: ‘#\/definitions\/Mode’ },
module: { ‘$ref’: ‘#\/definitions\/ModuleOptions’ },
name: { ‘$ref’: ‘#\/definitions\/Name’ },
node: { ‘$ref’: ‘#\/definitions\/Node’ },
optimization: { ‘$ref’: ‘#\/definitions\/Optimization’ },
output: { ‘$ref’: ‘#\/definitions\/Output’ },
parallelism: { ‘$ref’: ‘#\/definitions\/Parallelism’ },
performance: { ‘$ref’: ‘#\/definitions\/Performance’ },
plugins: { ‘$ref’: ‘#\/definitions\/Plugins’ },
profile: { ‘$ref’: ‘#\/definitions\/Profile’ },
recordsInputPath: { ‘$ref’: ‘#\/definitions\/RecordsInputPath’ },
recordsOutputPath: { ‘$ref’: ‘#\/definitions\/RecordsOutputPath’ },
recordsPath: { ‘$ref’: ‘#\/definitions\/RecordsPath’ },
resolve: { ‘$ref’: ‘#\/definitions\/Resolve’ },
resolveLoader: { ‘$ref’: ‘#\/definitions\/ResolveLoader’ },
snapshot: { ‘$ref’: ‘#\/definitions\/SnapshotOptions’ },
stats: { ‘$ref’: ‘#\/definitions\/StatsValue’ },
target: { ‘$ref’: ‘#\/definitions\/Target’ },
watch: { ‘$ref’: ‘#\/definitions\/Watch’ },
watchOptions: { ‘$ref’: ‘#\/definitions\/WatchOptions’ }
}
},
headerName: ‘Webpack’,
baseDataPath: ‘configuration’,
postFormatter: [Function: postFormatter]
}
npm ERR! code ELIFECYCLE<\/strong>
npm ERR! errno 1<\/strong>
npm ERR! picockpit-frontend@1.1.0 build:cross-env NODE_ENV=production webpack --progress --hide-modules --mode=production<\/code>
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the picockpit-frontend@1.1.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.<\/p><\/blockquote>\n\n\n\nnpm ERR! A complete log of this run can be found in:
npm ERR! C:\\Users\\…\\AppData\\Roaming\\npm-cache_logs\\2022-05-12T15_01_47_281Z-debug.log<\/p>\n\n\n\nFixes<\/h2>\n\n\n\n
The typical suggestion online to fix this error is to remove node_modules, to remove package-lock.json and to reinstall the modules using npm install. <\/p>\n\n\n\n
This did not work for me, the error persisted<\/strong>. <\/p>\n\n\n\n
Here is what worked: <\/strong><\/h2>\n\n\n\n
I looked at webpack.config.js<\/strong> and disabled parts of it, until I had my culprit. The two following lines had to be commented out, to make the configuration work:<\/p>\n\n\n\n
\/\/ devtool: ‘#eval-source-map’,<\/p>\n\n\n\n
\/\/ module.exports.devtool = ‘#source-map’<\/p>\n\n\n\n
It might be different in your case – I recommend to try and experiment with webpack.config.js as necessary.<\/p>\n","protected":false},"excerpt":{"rendered":"
When building the PiCockpit frontend code (which is packaged using Webpack) on a different computer, I ran into the following issue: cross-env NODE_ENV=production webpack –progress –hide-modules –mode=productiontype: ‘object’,additionalProperties: true,properties: {apply: {description: ‘The run point of the plugin, required method.’,instanceof: ‘Function’,tsType: “(compiler: import(‘..\/lib\/Compiler’)) => void”}},required: [ ‘apply’ ]}},title: ‘WebpackOptions’,description: ‘Options object as provided by the user.’,type:…<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[402,822],"tags":[993,992,826,990,991,731],"class_list":["post-29153","post","type-post","status-publish","format-standard","hentry","category-development","category-javascript","tag-build","tag-elifecycle","tag-error","tag-node-js","tag-npm","tag-webpack"],"_links":{"self":[{"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/posts\/29153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/comments?post=29153"}],"version-history":[{"count":1,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/posts\/29153\/revisions"}],"predecessor-version":[{"id":29154,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/posts\/29153\/revisions\/29154"}],"wp:attachment":[{"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/media?parent=29153"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/categories?post=29153"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pi3g.com\/de\/wp-json\/wp\/v2\/tags?post=29153"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}