获取“错误：`output.path`需要是绝对路径或`/`”
获取“错误：`output.path`需要是绝对路径或`/`”
提问于 2017-02-11 02:42:19
我是JS开发的新手，在尝试使用webpack-dev-server热加载更改时，我保留了上面的异常。确切的堆栈是：
Error: `output.path` needs to be an absolute path or `/`.
at Object.Shared.share.setFs (/Users/mybox/work/day1/ex6/node_modules/webpack-dev-middleware/lib/Shared.js:88:11)
at Shared (/Users/mybox/work/day1/ex6/node_modules/webpack-dev-middleware/lib/Shared.js:214:8)
at module.exports (/Users/mybox/work/day1/ex6/node_modules/webpack-dev-middleware/middleware.js:22:15)
at new Server (/Users/mybox/work/day1/ex6/node_modules/webpack-dev-server/lib/Server.js:56:20)
at startDevServer (/Users/mybox/work/day1/ex6/node_modules/webpack-dev-server/bin/webpack-dev-server.js:379:12)
at processOptions (/Users/mybox/work/day1/ex6/node_modules/webpack-dev-server/bin/webpack-dev-server.js:317:3)
at Object.<anonymous> (/Users/mybox/work/day1/ex6/node_modules/webpack-dev-server/bin/webpack-dev-server.js:441:1)
at Module._compile (module.js:409:26)
at Object.Module._extensions..js (module.js:416:10)
at Module.load (module.js:343:32)以下是我已经尝试过的webpack配置文件：
module.exports = {
entry: "./client/app.jsx",
output: {
path: "dist/js",
filename: "bundle.js",
publicPath: "http://127.0.0.1:2992/js"
},
module: {
loaders: [
{
test: /.jsx?$/,
loader: "babel-loader",
include: /client/
}
]
}
};和：
module.exports = {
entry: "./client/app.jsx",
output: {
path: "/Users/mybox/work/day1/ex6/dist/js",
filename: "bundle.js",
publicPath: "http://127.0.0.1:2992/js"
},
module: {
loaders: [
{
test: /.jsx?$/,
loader: "babel-loader",
include: /client/,
query: {
presets:['react']
}
}
]
}
};下面是我的package.json文件
{
"name": "ex6",
"version": "1.0.0",
"main": "index.js",
"scripts": {
"server": "node index.js",
"hot": "webpack-dev-server --inline --hot --port 2992 --progress --colors",
"dev": "webpack-dev-server --inline --dev --port 2992 --progress --colors"
},
"keywords": [],
"author": "",
"license": "ISC",
"dependencies": {
"babel-preset-es2015": "^6.22.0",
"hapi": "^16.1.0",
"inert": "^4.1.0"
},
"devDependencies": {
"babel": "^6.5.2",
"babel-cli": "^6.22.2",
"babel-core": "^6.22.1",
"babel-loader": "^6.2.10",
"babel-preset-react": "^6.22.0",
"builder": "^3.2.1",
"webpack": "^2.2.1",
"webpack-dev-server": "^2.3.0"
},
"description": ""
}回答 3
Stack Overflow用户
发布于 2017-02-13 23:40:17
您需要将其包含在或webpack.config.js文件var path = require('path')的顶部，然后在路径中执行以下操作：path: path.join(__dirname, "dist/js")
Stack Overflow用户
发布于 2018-11-27 21:54:44
您可以使用__dirname来获取当前执行文件的路径。
const webpack = require('webpack')
module.exports = {
mode: 'development',
entry: __dirname + "/src/index.js",
output: {
path: __dirname + "/dist",
filename: 'main.js'
}
}你也可以导入内置的path接口和使用resolve方法，我想这是webpack更喜欢的
const webpack = require('webpack')
const path = require('path')
module.exports = {
mode: 'development',
entry: path.resolve("./src/index.js"),
output: {
path: path.resolve("./dist"),
filename: 'main.js'
}
}Stack Overflow用户
发布于 2017-02-13 17:29:55
你可以像下面的代码一样使用它来获取绝对路径。
output: {
path: require('path').resolve("./dist/js"),
filename: 'bundle.js',
publicPath: 'http://127.0.0.1:2992/js'
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42166492
复制相关文章
相似问题
腾讯云开发者
