npm 运行 build > bundle.js 未创建

Question

我看了几个遇到同样问题的人的问答，但我仍然找不到我的代码中的错误。

在运行ning 时没有创建 bundle.js 文件：sudo npm 运行 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 没有创建。

有人知道吗？

** 顺便说一下，当运行ning npm 运行构建时访问权限被拒绝，这是我得到的：

错误：EACCES：权限被拒绝，打开“/bundle.js” 出错时（本机）

有人知道为什么吗？

Answer 1

您正在将路径设置为相对于您的系统文件结构的“/”。您可能会在主目录中生成捆绑文件。

这也解释了访问被拒绝的原因，因为如果没有 sudo

，您将没有对 Mac 或 linux 中的根文件夹的写入权限

将路径更改为

path: __dirname + '/dist'

或您可能想要使用的其他文件夹。

npm 运行 build > bundle.js 未创建

npm run build > bundle.js not getting created

javascript

bundle

npm

reactjs

webpack