2016-02-21 3 views
1

Я получаю непрерывную ошибку из webpack. Я довольно новичок в этом. Но я не знаю, почему это не найти файл main.js, который находится внутри src во время запуска команды webpack.Не удалось разрешить файл или каталог webpack

Вот мои webpack.config.js

var path = require('path'); 
var config = { 
    entry: { 
     main: [ 
      './src/main.js ' 
     ] 
    }, 
    output: { 
     filename: './public/[name].js' 
    }, 
    module: { 
     loaders: [{ 
      test: /\.jsx?$/, // A regexp to test the require path. accepts either js or jsx, 
      exclude: /node_modules/, 
      loader: 'babel-loader', // The module to load. "babel" is short for "babel-loader" 
      query: { 
       presets: ['react', 'es2015'] 
      } 
     }] 
    }, 
    resolve: { 
     extensions: ['', '.js', '.jsx'] 
    } 
}; 

module.exports = config; 

Вот мой package.json

{ 
    "name": "react-quickstart", 
    "version": "1.0.0", 
    "description": "", 
    "main": "webpack.config.js", 
    "dependencies": { 
    "react": "^0.14.7", 
    "react-dom": "^0.14.7" 
    }, 
    "devDependencies": { 
    "babel-core": "^6.5.2", 
    "babel-loader": "^6.2.2", 
    "babel-preset-es2015": "^6.5.0", 
    "babel-preset-react": "^6.5.0", 
    "path": "^0.12.7", 
    "webpack": "^1.12.13", 
    "webpack-dev-server": "^1.14.1" 
    }, 
    "scripts": { 
    "webpack": "./node_modules/webpack/bin/webpack", 
    "build": "webpack", 
    "dev": "webpack-dev-server --watch-poll --inline --devtool eval --progress --colors --hot --content-base ./" 
    }, 
    "author": "", 
    "license": "ISC" 
} 

Ошибка Подробности

F:\Works\Javascript\react-quickstart>webpack --display-error-details 
Hash: 0f797b4ca8770ff88901 
Version: webpack 1.12.13 
Time: 15ms 
      Asset  Size Chunks    Chunk Names 
./public/main.js 1.51 kB  0 [emitted] main 
    [0] multi main 28 bytes {0} [built] [1 error] 

ERROR in multi main 
Module not found: Error: Cannot resolve 'file' or 'directory' ./src/main.js in 
F:\Works\Javascript\react-quickstart 
resolve file 
    F:\Works\Javascript\react-quickstart\src\main.js doesn't exist 
    F:\Works\Javascript\react-quickstart\src\main.js .js doesn't exist 
    F:\Works\Javascript\react-quickstart\src\main.js .jsx doesn't exist 
resolve directory 
    F:\Works\Javascript\react-quickstart\src\main.js doesn't exist (directory def 
ault file) 
    F:\Works\Javascript\react-quickstart\src\main.js \package.json doesn't exist (
directory description file) 
[F:\Works\Javascript\react-quickstart\src\main.js ] 
[F:\Works\Javascript\react-quickstart\src\main.js .js] 
[F:\Works\Javascript\react-quickstart\src\main.js .jsx] 
@ multi main 

Я знаю, что это дубликат вопрос Webpack Error , Но эта проблема пока не решена.

Я не могу найти здесь проблему, поскольку package.json кажется действительным и нет отсутствующих запятых или чего-либо, что я, кажется, допустил ошибку.

+1

Вы не сказали ему искать './src/main.js'', вы сказали ему искать' ./src/main.js'', с пробелом в конце. Удалите это пространство и повторите попытку. – DCoder

+0

@DCoder wow tht был быстрым. Но сообщение об ошибке было довольно запутанным. Это разрешило одну из проблем, хотя – Joy

+0

это ошибка в веб-пакете, пожалуйста, проверьте мой ответ здесь: http://stackoverflow.com/a/38355893/427622 –

ответ

0

Это может быть связано с несколькими причинами. Лучший способ определить точный вопрос является проба ниже двух команд, если вы работаете в одиночку WebPack 1/2 затем использовать сниппет:

webpack --display-error-details 

, если вы работаете, то сервер WebPack DEV использовать сниппет:

webpack-dev-server --display-error-details 

это даст подробный отчет об ошибке в консоли

Кроме того, если вы предоставляете дополнительное место в имени файла ввода, который также может быть проблемой

Смежные вопросы