的WebPack正在尋找在全球目錄反應

這裏是我的WebPack-DEV-服務器configuations的WebPack正在尋找在全球目錄反應

module.exports = { 
    entry: './main.js', 
    output: { 
    path: './', 
    filename: 'bundle.js' 
    }, 
    devServer: { 
    inline: true, 
    port: 9000 
    }, 
    module: { 
    loaders: [{ 
     test: /\.js$/, 
     exclude: '/(node_modules)/', 
     loader: 'babel', 
     query: { 
     presets: ['es2015', 'react'] 
     } 
    }] 
    } 
};

爲什麼我會得到以下錯誤，當我運行服務器

ERROR in (webpack)-dev-server/~/strip-ansi/index.js Module build failed: Error: Couldn't find preset "react" relative to directory "/Users/ecco/.nvm/versions/node/v5.4.0/lib/node_modules/webpack-dev-server/node_modules/strip-ansi"

我的package.json

"devDependencies": { 
"babel-core": "^6.4.5", 
"babel-loader": "^6.2.2", 
"babel-preset-es2015": "^6.3.13", 
"babel-preset-react": "^6.3.13", 
"webpack": "^1.12.13" 
}

來源

2016-02-05 eugenekgn

嘗試執行以下步驟。 1.'rm -rf node_modules' 2.'npm cache clean' 3.''npm i'' –

您似乎沒有將webpack-dev-server安裝爲本地節點模塊（它不在您的package.json

通過npm list和npm list --global可以看到哪些模塊在本地和全局安裝。要查找特定的模塊，將該命令輸入到grep即npm list --global | grep webpack-dev-server

我建議安裝dev服務器作爲devDependency項目。作爲一般規則，儘量避免安裝模塊-g，除非絕對必要。此外，使用npm腳本（在您的package.json中）在本地目錄中運行模塊，而不必明確引用它們，例如

{ 
    "scripts": { 
    "serve": "webpack-dev-server --config your.config.js" 
    } 
}

然後運行npm run serve，而不是運行./node_modules/.bin/webpack-dev-server --config your.config.js（或更糟的是，全球範圍內安裝它）

來源

2016-02-05 05:15:12

的WebPack正在尋找在全球目錄反應

回答

相關問題