如果您想了解webpack报错：Modulebuildfailed(from./node_modules/babel-loader/lib/index.js):Error:Cannotfind...的

如果您想了解webpack报错：Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find...的相关知识，那么本文是一篇不可错过的文章，我们将为您提供关于/node_modules/vue2-toast/lib/toast.css Module build failed: Unknown word、angular4 ng build --prod 报错：Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfac、Could not install from “Files\nodejs\node_modules\npm\node_cache\_npx\14564“ as it does not contain、ERROR in ./node_modules/babel-loader/lib!的有价值的信息。

本文目录一览：

• webpack报错：Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find...
• /node_modules/vue2-toast/lib/toast.css Module build failed: Unknown word
• angular4 ng build --prod 报错：Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfac
• Could not install from “Files\nodejs\node_modules\npm\node_cache\_npx\14564“ as it does not contain
• ERROR in ./node_modules/babel-loader/lib!

webpack报错：Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find...

• webpack报错：Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module ''babel-preset-env'' from ''...'' - Did you mean "@babel/env"? 原因： babel-core和babel-preset-env依赖被替换为@babel/core和@babel/preset-env，因为新版本的Babel7中对官方提供的依赖使用了命名空间@babel npm install babel-loader babel-core babel-preset-env --save-dev npm install babel-loader @babel/core @babel/preset-env --save-dev 解决： 在.babelrc文件或在webpack.config.js文件中，将原来的env替换为@babel/preset-env

// .babelrc

{
  "presets": [
    ["env",
      {
        "modules": false
      }
    ]
  ]
}

// webpack.config.js

module: {
    rules: [
        {
            test: /\.js$/,
            exclude: /(node_modules)/,
            use: {
                loader: ''babel-loader'',
                options: {
                    presets: [''env'', { modules: false }]
                }
            }
        }
    ]
}

• babel官方：https://babeljs.io/docs/en/babel-preset-env#browserslist-integration

/node_modules/vue2-toast/lib/toast.css Module build failed: Unknown word

angular4 ng build --prod 报错：Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfac

Could not install from “Files\nodejs\node_modules\npm\node_cache\_npx\14564“ as it does not contain

项目场景：

   npx 执行报错

---

问题描述：

 学习react时npx执行报错

 

 npm ERR! code ENOLOCAL
npm ERR! Could not install from "Files\nodejs\node_modules\npm\node_cache\_npx\14564" as it does not contain a package.json file.

npm ERR! A complete log of this run can be found in:
32Z-debug.log

---

原因分析：

在网上看了好几个分析，说是node路径带有空格

执行 npm config get cache

得到  D:\Program Files\nodejs\node_modules\npm\node_cache

看到确实是program files 之间有空格

---

解决方案：

执行：npm config edit

将带空格的路径改写为：D:\Program~1\nodejs\node_modules\npm\node_cache (这是 windows 的一种路径表达方式)

或者直接执行

 npm config set cache "D:\Program~1\nodejs\node_modules\npm\node_cache"--global

ERROR in ./node_modules/babel-loader/lib!

npm run dev 启动之后报如下的错误：

ERROR in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./node_modules/iview/src/components/select/select.vue
Module build failed: SyntaxError: F:\项目\oa\elex_oa_front\node_modules\iview\src\components\select\select.vue: Unexpected token (115:8)

  113 | const applyProp = (node, propName, value) => {
  114 |     return {
> 115 |         ...node,
      |         ^
  116 |         componentOptions: {
  117 |             ...node.componentOptions,
  118 |             propsData: {

 @ ./node_modules/iview/src/components/select/select.vue 4:0-99 5:0-112
 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./node_modules/iview/src/components/page/options.vue
 @ ./node_modules/iview/src/components/page/options.vue
 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./node_modules/iview/src/components/page/page.vue
 @ ./node_modules/iview/src/components/page/page.vue
 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/humanresource/organization/postInformation/postInformation.vue
 @ ./src/views/humanresource/organization/postInformation/postInformation.vue
 @ ./src/router/router.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://172.16.8.3:8080 webpack/hot/dev-server @/main

经常报这种错，求大神帮帮忙！

关于webpack报错：Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find...的介绍现已完结，谢谢您的耐心阅读，如果想了解更多关于/node_modules/vue2-toast/lib/toast.css Module build failed: Unknown word、angular4 ng build --prod 报错：Module not found: Error: Can't resolve './$$_gendir/app/app.module.ngfac、Could not install from “Files\nodejs\node_modules\npm\node_cache\_npx\14564“ as it does not contain、ERROR in ./node_modules/babel-loader/lib!的相关知识，请在本站寻找。

本文标签：

• Webpack_error
• Module_build_failure
• Babel_Loader
• javascript_development