mep*_*olp 3 javascript bundle npm reactjs webpack
我已经看过几个人遇到同样问题的问答，但是我仍然找不到我的代码有什么问题。
运行时未创建bundle.js文件：sudo npm run build **
这是我的代码：
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Cocinando Con Lalinde</title>
</head>
<body>
<div id="app"></div>
<script src="index.js"></script>
</body>
</html>
package.json
{
"name": "Cocinando-con-Lalinde",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"start": "webpack-dev-server --hot",
"build": "webpack"
},
"author": "",
"license": "ISC",
"dependencies": {
"react": "^16.0.0",
"react-dom": "^16.0.0",
"styled-components": "^2.4.0"
},
"devDependencies": {
"babel-preset-env": "^1.6.1",
"json-loader": "^0.5.7",
"webpack": "^3.8.1",
"webpack-dev-server": "^2.9.3"
}
}
webpack.config.js
var config = {
entry: './main.js',
output: {
path:'/',
filename: 'bundle.js'
},
devServer: {
inline: true,
port: 8080
},
module: {
loaders: [
{
test: /\.js$/,
exclude: /node_modules/,
loader: 'babel-loader',
query: {
presets: ['es2015', 'react']
}
}
]
}
}
module.exports = config;
我尝试了几个技巧，但没有任何效果，没有创建bundle.js。
有人对此有线索吗？
**顺便说一句，运行npm run build时访问权限被拒绝，这是我得到的：
错误：EACCES：权限被拒绝，在错误（本机）上打开“ /bundle.js”
有人知道为什么吗？
小智 5
您正在将路径设置为相对于系统文件结构的“ /”。您可能会在主目录中生成捆绑文件。
这也解释了访问被拒绝的原因，因为如果没有sudo，您将没有权限在Mac或linux中对根文件夹进行写操作
将路径更改为
path: __dirname + '/dist'
或您可能想使用的其他文件夹。
| 归档时间： |
|
| 查看次数： |
2895 次 |
| 最近记录： |