node.js - Webpack:找不到模块:错误:无法解析模块 browser.js

Question

我正在尝试使用 React 来使用 webpack。我正在尝试使用 babel-loader 来转译 jsx 文件。我在使用任何 webpack 加载器/插件时收到模块未找到错误。我在node_modules中安装了所需的插件。

问题似乎与路径解析有关。以某种方式，它在解析依赖插件时将我的当前目录添加到绝对路径。

这是我的 webpack.config.js

的片段

module: {
    loaders: [{
        test: /\.jsx?$/,
        exclude: /(node_modules|bower_components)/,
        loader: 'babel', // 'babel-loader' is also a legal name to reference
        query: {
            presets: ['react', 'es2015', 'stage-0'],
            plugins: ['react-html-attrs', 'transform-class-properties', 'transform-decorators-legacy']
        }
    }]
}

当我运行 webpack (全局以及通过 npm)时出现以下错误

ERROR in ../~/react/lib/ReactDOMNullInputValuePropDevtool.js
Module not found: Error: Cannot resolve module '\\users\home\smeghani\private\codebase\react-demo\node_modules\process\browser.js' in H:\codebase\react-demo\node_modules\react\lib
resolve module \\users\home\smeghani\private\codebase\react-demo\node_modules\process\browser.js in H:\codebase\react-demo\node_modules\react\lib
  looking for modules in H:\codebase\react-demo\node_modules
    resolve 'file' or 'directory' \users\home\smeghani\private\codebase\react-demo\node_modules\process\browser.js in H:\codebase\react-demo\node_modules
      resolve file
        H:\codebase\react-demo\node_modules\users\home\smeghani\private\codebase\react-demo\node_modules\process\browser.js doesn't exist
        H:\codebase\react-demo\node_modules\users\home\smeghani\private\codebase\react-demo\node_modules\process\browser.js.webpack.js doesn't exist
        H:\codebase\react-demo\node_modules\users\home\smeghani\private\codebase\react-demo\node_modules\process\browser.js.web.js doesn't exist
        H:\codebase\react-demo\node_modules\users\home\smeghani\private\codebase\react-demo\node_modules\process\browser.js.js doesn't exist
        H:\codebase\react-demo\node_modules\users\home\smeghani\private\codebase\react-demo\node_modules\process\browser.js.json doesn't exist
      resolve directory
        H:\codebase\react-demo\node_modules\users\home\smeghani\private\codebase\react-demo\node_modules\process\browser.js\package.json doesn't exist (directory description file)
        H:\codebase\react-demo\node_modules\users\home\smeghani\private\codebase\react-demo\node_modules\process\browser.js doesn't exist (directory default file)
[H:\codebase\react-demo\node_modules\users\home\smeghani\private\codebase\react-demo\node_modules\process\browser.js]
[H:\codebase\react-demo\node_modules\users\home\smeghani\private\codebase\react-demo\node_modules\process\browser.js.webpack.js]
[H:\codebase\react-demo\node_modules\users\home\smeghani\private\codebase\react-demo\node_modules\process\browser.js.web.js]
[H:\codebase\react-demo\node_modules\users\home\smeghani\private\codebase\react-demo\node_modules\process\browser.js.js]
[H:\codebase\react-demo\node_modules\users\home\smeghani\private\codebase\react-demo\node_modules\process\browser.js.json]
 @ ../~/react/lib/ReactDOMNullInputValuePropDevtool.js 1:0-102

这里H:\codebase\react-demo\是我的项目根目录。即 node_modules 位于 H:\codebase\react-demo\ 中。它正在尝试在 H:\codebase\react-demo\node_modules\users\home\smeghani\private\codebase\react-demo\node_modules

中查找依赖项

知道我错过了什么吗？

Answer 1

我可以解决这个问题。最初，我的项目目录位于映射的网络驱动器上。将项目目录移动到本地驱动器 (C:/) 解决了该问题。但仍然不确定为什么会导致这个问题。