React中的錯誤：使用webpack時的未知單詞

Question

我已經使用webpack和babel設置了React環境。然而，當我運行webpack-dev-server --progress --colors，我得到的錯誤是這樣的：

ERROR in multi (webpack)-dev-server/client?http://localhost:8080 E:/src/index.js 

Module not found: Error: can't resolve 'E:\src/index.js' in 'E:\personal_projects\web-site-name' 

... 

(2:1) Unknown word 

1: var url = require("url"); 
^

我webpack.config.js文件是這樣的：

var webpack = require('webpack'); 
var path = require('path'); 

var BUILD_DIR = path.resolve(__dirname, '/public'); 
var APP_DIR = path.resolve(__dirname, '/src'); 

var config = { 
    entry: APP_DIR + '/index.js', 
    output: { 
    path: BUILD_DIR, 
    filename: 'bundle.js' 
    }, 
    module: { 
    rules: [ 
     { 
     test: /\.js$/, 
     exclude: /(node_modules|bower_components)/, 
     use: { 
      loader: 'babel-loader', 
      options: { 
      presets: ['env'] 
      } 
     } 
     }, 
     { 
     test: /(\.css$)/, 
     loaders: ['style-loader', 'css-loader', 'postcss-loader'] 
     }, 
     { 
     loader: 'postcss-loader', 
     options: { 
      plugins:() => [require('autoprefixer')] 
     } 
     } 
    ] 
    } 
}; 

module.exports = config; 

我認爲有一些問題，巴貝爾和它編譯我的索引.js到我的bundle.js文件。對此有何建議？

Answer 1

您需要使用path.join或刪除您的斜線，例如，

path.resolve(__dirname, '/src'); 

並使用resolve其他線路應

path.resolve(__dirname, 'src'); 

或

path.join(__dirname, 'src'); 

甚至

path.join(__dirname, '/src'); 

你的.resolve使用通行證的絕對p這意味着第一個參數基本上被丟棄了。