Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/425.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 错误:网页2可以';t解析巴别塔装载机_Javascript_Webpack_Babeljs_Webpack 2_Babel Loader - Fatal编程技术网

Javascript 错误:网页2可以';t解析巴别塔装载机

Javascript 错误:网页2可以';t解析巴别塔装载机,javascript,webpack,babeljs,webpack-2,babel-loader,Javascript,Webpack,Babeljs,Webpack 2,Babel Loader,尝试使用babel设置webpack 2时,我遇到以下错误消息: 未找到输入模块中的错误:错误:无法解析“路径到项目目录”中的“babel loader” webpack 2文档后面的配置文件: const path = require('path') const config = { entry: './src/index.js', output: { path: path.resolve(__dirname, 'dist'), filename: 'bundle.j

尝试使用babel设置webpack 2时,我遇到以下错误消息:

未找到输入模块中的错误:错误:无法解析“路径到项目目录”中的“babel loader”

webpack 2文档后面的配置文件:

const path = require('path')

const config = {
  entry: './src/index.js',
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  module: {
    rules: [
      {
        test: /\.jsx?$/,
        exclude: [
          path.resolve(__dirname, 'node_modules')
        ],
        loader: 'babel-loader',
        options: {
          presets: ["es2015"]
        },
      }
    ]
  },
  resolve: {
    modules: [
      'node_modules',
      path.resolve(__dirname, 'src')
    ],
    extensions: ['.js', '.json', '.jsx'],
  }
}

module.exports = config
我的packages.json中有以下开发人员依赖项:

"devDependencies": {
  "babel-core": "^6.24.0",
  "babel-loader": "^6.4.0",
  "babel-preset-es2015": "^6.24.0",
  "path": "^0.12.7",
  "webpack": "^2.2.1",
  "webpack-dev-server": "^2.4.1"
},
我的节点和npm版本为:

node 7.7.1
npm 4.4.1
我的操作系统是macOS Sierra


此错误消息的来源可能是什么,我应该如何解决它。我尝试了很多教程和博客文章来寻找解决方案,但没有一篇有效。

我调查了
节点模块
目录,发现缺少很多依赖项。我删除了
node\u modules
目录和
warn.lock
文件,并从新的终端窗口运行了
warn
命令

它工作了,安装了所有的依赖项,Webpack2&babel工作正常

正如我最初使用atom编辑器的term3终端安装npm模块一样, 我尝试在那里进行相同的重新安装,但是它像最初一样产生了缺少的依赖项

因此该错误是由atom的term3包引起的


解决方案:使用标准终端,不要使用atom的term3软件包提供的终端

您已经运行了
npm安装
对吗?是的,我使用了,我刚刚使用
warn add*dependency*--dev
创建了依赖项:现在我删除了node_模块和warn.lock,然后运行
warn
命令,现在它可以工作了。我仍然很好奇是什么导致了这个依赖性问题,以便在将来避免它。@Adamwalski感谢您提出了重新安装节点模块的想法,很可能这是一个依赖性问题,在其他
webpack2
设置中也做了同样的设置,我尝试过,也遇到了同样的问题,而且它们也是这样工作的。我设法找出了这个错误的来源,很可能它与
webpack2
babel
无关,实际上它只发生在使用atom editor的term3软件包的终端时。不知怎的,它没有正确安装npm模块。当使用默认终端时,它会运行
npm install babel loader-D
againI也不得不将npm升级到最新版本,尽管这似乎是一个无关的问题。