当我尝试执行“ npm run dev”时出现了这个奇怪的错误。首先,我克隆了一个存储库,然后将其切换到该项目文件夹中,进行了“ npm安装”。
完成后,我尝试了“ npm run dev”,但这给了我一个很长的错误:
无效的配置对象。已使用与API模式不匹配的配置对象初始化Webpack。 -configuration [0] .mode应该是以下之一: “发展” | “生产” | “没有” ->启用生产优化或开发提示。 -configuration [1] .mode应该是以下之一: “发展” | “生产” | “没有” ->启用生产优化或开发提示。
我的webpack.config.js文件:
const path = require('path');
var nodeExternals = require('webpack-node-externals');
const serverConfig = {
mode: process.env.NODE_ENV || 'development',
entry: './src/server/server.ts',
module: {
rules: [
{
test: /\.tsx?$/,
loader: 'ts-loader',
exclude: /node_modules/,
options: {
configFile: 'tsconfig.server.json'
}
}
]
},
resolve: {
extensions: ['.tsx', '.ts', '.js']
},
output: {
filename: 'server.js',
path: path.resolve(__dirname, 'dist')
},
target: 'node',
node: {
__dirname: false
},
externals: [nodeExternals()]
};
const clientConfig = {
mode: process.env.NODE_ENV || 'development',
entry: './src/client/index.tsx',
devtool: 'inline-source-map',
module: {
rules: [
{
test: /\.tsx?$/,
loader: 'ts-loader',
exclude: /node_modules/,
options: {
configFile: 'tsconfig.client.json'
}
},
{
test: /\.scss$/,
use: [
'style-loader',
'css-loader',
'sass-loader',
]
}
]
},
resolve: {
extensions: ['.tsx', '.ts', '.js', '.css', '.scss']
},
output: {
filename: 'app.js',
path: path.resolve(__dirname, 'public/js')
}
};
module.exports = [serverConfig, clientConfig];