Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/webpack/2.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/image-processing/2.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
Node.js 网页包未解析全局安装的babel或babel loader_Node.js_Webpack_Babeljs - Fatal编程技术网

Node.js 网页包未解析全局安装的babel或babel loader

Node.js 网页包未解析全局安装的babel或babel loader,node.js,webpack,babeljs,Node.js,Webpack,Babeljs,我一直在尝试一个新项目,并希望使用网页和模块分割代码。我安装了npm,然后安装了webpack,如下所示 npm安装-g网页包 npm安装-g babel cli babel core babel loader babel-presets-es2015 现在在我的项目中,我创建了一个新的config.js文件,其中包含以下内容 module.exports = { entry: './src/js/app.js', output: { filename: 'dis

我一直在尝试一个新项目,并希望使用网页和模块分割代码。我安装了npm,然后安装了webpack,如下所示
npm安装-g网页包

npm安装-g babel cli babel core babel loader babel-presets-es2015

现在在我的项目中,我创建了一个新的config.js文件,其中包含以下内容

module.exports = {
    entry: './src/js/app.js',
    output: {
        filename: 'dist/js/bundle.js'
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                loader: 'babel-loader'
            }
        ]
    },

}
然而,我总是得到一个错误的说法
未找到输入模块中的错误:错误:无法解析模块“babel loader”


换句话说,如何让webpack解析全球安装的软件包?

终于开始了。不确定这是不是正确的方法。然而, 这就是我的项目的设置和工作方式。我认为应该有一种更好的方法来设置模块加载器的预设值

my-project
  src
    js
      entry.js
      module1.js
      module2.js
  dist
    index.html
    js
      bundle.js
现在,我当前的
config.js
设置如下所示

module.exports = {

    resolve: {
      fallback: '/usr/local/lib/node_modules'
    },
    resolveLoader: {
        fallback: '/usr/local/lib/node_modules'
    },
    entry: './src/js/app.js',
    output: {
        filename: 'dist/js/bundle.js'
    },
    module: {
        loaders: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                query: {
                    presets: ['/usr/local/lib/node_modules/babel-preset-es2015']
                }
            }
        ]
    },

}

npm i babel loader——保存dev
?@releaseanp在本地创建节点模块并再次安装包。但是,这些软件包已经在全球范围内安装。我如何利用它?通过加载程序传递的文件的扩展名是什么。除了JS(可能是JSX)之外还有什么吗?@realseanp-only JS,正如您在config.JS中看到的那样,还将全局安装的包从
/usr/local/lib/node_modules
复制到
myproject/node_modules
工作,我试图使用此解决方案,但“回退”会产生一个错误,表明它是对象上的未知属性。