gpt4 book ai didi

javascript - webpack 中的无效配置对象

转载 作者:可可西里 更新时间:2023-11-01 01:37:48 25 4
gpt4 key购买 nike

我正在关注 Lynda.com - React.js essential training夏娃·波切洛 (Eve Porcello) 着。在“使用 Webpack 构建”视频中,我完全按照作者描述的步骤进行操作,但是“webpack”命令失败并出现以下错误,

无效的配置对象。 Webpack 已使用与 API 架构不匹配的配置对象进行初始化。 - configuration.output.path: 提供的值“dist/assets”不是绝对路径!

以下是我的 webpack.config.js 和 package.json 文件。

webpack.config.js

var webpack = require("webpack");

module.exports = {
entry: "./src/index.js",
output: {
path: "dist/assets",
filename: "bundle.js",
publicPath: "assets"
},
devServer: {
inline: true,
contentBase: "./dist",
port: 3000
},
module: {
loaders: [
{
test: /\.js$/,
exclude: /(node_modules)/,
loader: "babel-loader",
query: {
presets: ["latest", "stage-0", "react"]
}
}
]
}
}

package.json

{
"name": "react-essential",
"version": "1.0.0",
"description": "A project focusing on React and related tools",
"main": "index.js",
"scripts": {
"start": "httpster -d ./dist -p 3000"
},
"author": "Indu Pillai",
"license": "MIT",
"devDependencies": {
"babel-cli": "^6.18.0",
"babel-loader": "^6.4.1",
"babel-preset-latest": "^6.16.0",
"babel-preset-react": "^6.16.0",
"babel-preset-stage-0": "^6.16.0",
"webpack": "^2.3.2",
"webpack-dev-server": "^2.4.2"
}
}

我一遍又一遍地重复这些步骤,但它不起作用。我对这个 webpack 的东西还很陌生,所以我无法找出真正的问题是什么,以及它需要什么样的绝对路径。我还尝试了对另一个(类似)问题的某些答案所建议的绝对路径,但这没有用。

谢谢!

最佳答案

这将使用最新的 webpack 进行编译——截至 2017 年 4 月 10 日:

var webpack = require("webpack");

module.exports = {
entry: __dirname + "/src/index.js",
output: {
path: __dirname + "/dist/assets",
filename: "bundle.js",
publicPath: "assets"
},
devServer: {
inline: true,
contentBase: __dirname + "/dist",
port: 3000
},
module: {
rules: [{
test: /\.js$/,
loader: ["babel-loader"],
}]
}
}

关于javascript - webpack 中的无效配置对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43049748/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com