Webpack Lỗi - Không thể giải quyết Tệp or mục

Question

Tôi nhận được lỗi này khi tôi bắt đầu NPM tôi webpack-dev-server:

ERROR in multi main 
Module not found: Error: Cannot resolve 'file' or 'directory' /var/www/html/151208-DressingAphrodite/app in /var/www/html/151208-DressingAphrodite 
@ multi main 

Đây là webpack.config.js tôi:

var path = require('path'); 
var webpack = require('webpack'); 
var HtmlWebpackPlugin = require ('html-webpack-plugin'); 

const PATHS = { 
    app: path.join (__dirname, 'app'), 
    build : path.join (__dirname, 'build') 
}; 

module.exports = { 
    entry : [ 
    'babel-polyfill', 
    'webpack-dev-server/client?http://localhost:8080', 
    PATHS.app 
    ], 
    output : { 
     publicPath : '/', 
     filename : 'dressingaphrodite.js', 
     hash : true 
    }, 
    debug : true, 
    devServer : { 
    contentBase : './app' 
    }, 
    devtool : 'source-map', 
    module : { 
    loaders : [ 
     { 
     test : /\.jsx?$/, 
     include : PATHS.app, 
     loader : 'babel-loader', 
     query : { 
      presets : ["es2015"] 
     } 
     }, 
     { 
      test: /\.css$/, 
      include: PATHS.app, 
      loader: 'style!css' 
     } 
    ] 
    }, 
    plugins : [ 
    new HtmlWebpackPlugin ({ 
     title : 'Dressing Aphrodite', 
     filename : 'da.html' 
    }) 
    ] 
}; 

Answer 1

Cùng một vấn đề tôi gặp. Tôi tìm thấy câu trả lời trong github Error : ERROR in Entry module not found: Error: Cannot resolve 'file' or 'directory'#981. Nhưng đáng buồn thay, trong gói web 1.15.12, số --allow-incompatible-update đã bị xóa. Ngoài ra, tôi tìm thấy khi đặt kiểu nhập là mảng, chẳng hạn như entry: [entry.js], webpack sẽ chạy, nhưng ném một lỗi :(

Tôi muốn nó có thể giúp bạn, hy vọng.

Answer 2

ok nếu có một mặt vấn đề này , bạn có thể giải quyết nó trong 2 phương pháp:

phương pháp 1:

1- thêm một tập tin gọi là package.json bên trong thư mục nhập của bạn (trong trường hợp của bạn đặt nó bên trong thư mục "{project_dir}/app/package.json")

2- bên trong tập tin này viết bất kỳ đối tượng json ví dụ:

{ 
    "name": "webpack why you do diss :(" 
} 

Cách 2:

Thay đổi file entry của bạn phải có ít nhất 2 mức độ xa thư mục chính dự án của bạn, ví dụ: "{project_dir}/src/app"

Giải thích: cho mỗi tệp mục nhập webpack sẽ cố gắng tìm tệp có tên package.json để sử dụng cho cấu hình webpack trong tệp mục nhập này là mô-đun, khi bạn đặt tệp mục nhập của mình chỉ 1 le vel từ webpack dự án homepack của bạn sẽ sử dụng gói projectge.json của bạn làm tệp cấu hình cho tệp mục nhập của bạn và nó sẽ thất bại do cấu hình bỏ lỡ.

Answer 3

Bạn nên kiểm tra bảng điều khiển trình duyệt. Nó cung cấp thông tin chi tiết hơn.

Trong trường hợp của tôi:

Uncaught Error: Cannot find module "./src/index" 
at webpackMissingModule (webpack:///multi_main?:4) 
at eval (webpack:///multi_main?:4) 
at Object.<anonymous> (bundle.js:586) 
at __webpack_require__ (bundle.js:556) 
at bundle.js:579 
at bundle.js:582 

Vì vậy, đây là lỗi một thiếu (hoặc sai chính tả) tập tin java script.