2017-06-29 167 views
0

文件的加載依賴關係:的WebPack錯誤時依賴

的package.json

{ 
    "main": "./src/index.js", 
    "scripts": { 
    "start": "webpack --display-error-details --config ./webpack-config.js" 
    }, 
    "devDependencies": { 
    "webpack": "^3.0.0" 
    }, 
    "dependencies": { 
    "simple-oauth2": "^1.2.0" 
    } 
} 

的WebPack-config.js

const path = require('path'); 

module.exports = { 
    entry: path.resolve(__dirname, 'src/index.js'), 
    output: { 
    filename: 'bundle.js', 
    path: path.resolve(__dirname, 'dist') 
    } 
}; 

index.js

var simpleOauth2 = require('simple-oauth2'); 

當我運行npm start,我得到:

ERROR in ./node_modules/joi/lib/string.js 
Module not found: Error: Can't resolve 'net' in '/home/someone/github/nickname/webpack-demo/node_modules/joi/lib' 
resolve 'net' in '/home/someone/github/nickname/webpack-demo/node_modules/joi/lib' 
    Parsed request is a module 
    using description file: /home/someone/github/nickname/webpack-demo/node_modules/joi/package.json (relative path: ./lib) 
    Field 'browser' doesn't contain a valid alias configuration 
    after using description file: /home/someone/github/nickname/webpack-demo/node_modules/joi/package.json (relative path: ./lib) 
    resolve as module 
     /home/someone/github/nickname/webpack-demo/node_modules/joi/lib/node_modules doesn't exist or is not a directory 
     /home/someone/github/nickname/webpack-demo/node_modules/joi/node_modules doesn't exist or is not a directory 
     /home/someone/github/nickname/webpack-demo/node_modules/node_modules doesn't exist or is not a directory 
     /home/someone/github/nickname/node_modules doesn't exist or is not a directory 
     /home/someone/github/node_modules doesn't exist or is not a directory 
     /home/someone/node_modules doesn't exist or is not a directory 
     /home/node_modules doesn't exist or is not a directory 
     /node_modules doesn't exist or is not a directory 
     looking for modules in /home/someone/github/nickname/webpack-demo/node_modules 
     using description file: /home/someone/github/nickname/webpack-demo/package.json (relative path: ./node_modules) 
      Field 'browser' doesn't contain a valid alias configuration 
     after using description file: /home/someone/github/nickname/webpack-demo/package.json (relative path: ./node_modules) 
      using description file: /home/someone/github/nickname/webpack-demo/package.json (relative path: ./node_modules/net) 
      as directory 
       /home/someone/github/nickname/webpack-demo/node_modules/net doesn't exist 
      no extension 
       Field 'browser' doesn't contain a valid alias configuration 
       /home/someone/github/nickname/webpack-demo/node_modules/net doesn't exist 
      .js 
       Field 'browser' doesn't contain a valid alias configuration 
       /home/someone/github/nickname/webpack-demo/node_modules/net.js doesn't exist 
      .json 
       Field 'browser' doesn't contain a valid alias configuration 
       /home/someone/github/nickname/webpack-demo/node_modules/net.json doesn't exist 
[/home/someone/github/nickname/webpack-demo/node_modules/joi/lib/node_modules] 
[/home/someone/github/nickname/webpack-demo/node_modules/joi/node_modules] 
[/home/someone/github/nickname/webpack-demo/node_modules/node_modules] 
[/home/someone/github/nickname/node_modules] 
[/home/someone/github/node_modules] 
[/home/someone/node_modules] 
[/home/node_modules] 
[/node_modules] 
[/home/someone/github/nickname/webpack-demo/node_modules/net] 
[/home/someone/github/nickname/webpack-demo/node_modules/net] 
[/home/someone/github/nickname/webpack-demo/node_modules/net.js] 
[/home/someone/github/nickname/webpack-demo/node_modules/net.json] 
@ ./node_modules/joi/lib/string.js 5:12-26 
@ ./node_modules/joi/lib/index.js 
@ ./node_modules/simple-oauth2/index.js 
@ ./src/index.js 

我讀過關於在webpack中解析模塊,我試過幾個webpack版本。 如果不是加載simple-oauth2我加載lodash它的工作原理。 lodash作爲沒有依賴關係,所以我最好的猜測是,我目前的webpack配置不能處理simple-oauth2的依賴關係。

我會感謝一些幫助,瞭解從哪裏開始解決這個:)。

回答