Question

我遇到了同样问题的人，看了几个Q＆amp; A，但我仍然无法在代码中找到错误。

运行时没有创建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：权限被拒绝，打开＆＃39; /bundle.js' 在错误（本机）

有人知道为什么吗？

Answer 1

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

这也解释了拒绝访问，因为你没有对没有sudo的Mac或linux中的根文件夹的写权限

将路径更改为

path: __dirname + '/dist'

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

npm run build＆gt; bundle.js没有被创建

1 个答案: