Не найден модуль cross-env.js

Вообщем, я работаю с вебпаком, скинул сборку с пк на ноут. На пк работает сборка, а на ноуте нет.. Все работает нормально на пк, а на ноуте нет.. Пк вин 10 x64, ноут вин 7 x32.

Вылетает такая ошибка:

[email protected] start C:\Users\Пк\Desktop\web\sborshiki&taskrunner\webpack
> cross-env NODE_ENV=development webpack-dev-server --mode development --open

"taskrunner\webpack\node_modules\.bin\" не является внутренней или внешней
командой, исполняемой программой или пакетным файлом.
internal/modules/cjs/loader.js:797
    throw err;
    ^

Error: Cannot find module 'C:\Users\Пк\Desktop\web\cross-env\src\bin\cross-env.js'
←[90m    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:794:15)←[39m
←[90m    at Function.Module._load (internal/modules/cjs/loader.js:687:27)←[39m
←[90m    at Function.Module.runMain (internal/modules/cjs/loader.js:1025:10)←[39m
←[90m    at internal/main/run_main_module.js:17:11←[39m {
  code: ←[32m'MODULE_NOT_FOUND'←[39m,
  requireStack: []
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] start: `cross-env NODE_ENV=development webpack-dev-server --mode development --open`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Пк\AppData\Roaming\npm-cache\_logs\2020-02-29T14_45_28_212Z-debug.log

Сборка webpack:

 const path = require("path");
    const HTMLWebpackPlugin = require("html-webpack-plugin");
    const { CleanWebpackPlugin } = require("clean-webpack-plugin");
    const CopyWebpackPlugin = require("copy-webpack-plugin");
    const MiniCssExtractPlugin = require("mini-css-extract-plugin");
    const OptimizeCssAssetWebpackPlugin = require("optimize-css-assets-webpack-plugin");
    const TerserWebpackPlugin = require("terser-webpack-plugin");
    // const { BundleAnalyzerPlugin } = require("webpack-bundle-analyzer");

    const isDev = process.env.NODE_ENV === "development";
    const isProd = !isDev;

    const optimization = () => {
      const config = {
        splitChunks: {
          chunks: "all"
        }
      };

      if (isProd) {
        config.minimizer = [
          new OptimizeCssAssetWebpackPlugin(),
          new TerserWebpackPlugin()
        ];
      }

      return config;
    };

    const filename = ext => (isDev ? `[name].${ext}` : `[name].[hash].${ext}`);

    const cssLoaders = extra => {
      const loaders = [
        {
          loader: MiniCssExtractPlugin.loader,
          options: {
            hmr: isDev,
            reloadAll: true
          }
        },
        "css-loader"
      ];

      if (extra) {
        loaders.push(extra);
      }

      return loaders;
    };

    const babelOptions = preset => {
      const opts = {
        presets: ["@babel/preset-env"],
        plugins: ["@babel/plugin-proposal-class-properties"]
      };

      if (preset) {
        opts.presets.push(preset);
      }

      return opts;
    };

    const jsLoaders = () => {
      const loaders = [
        {
          loader: "babel-loader",
          options: babelOptions()
        }
      ];

      if (isDev) {
        loaders.push("eslint-loader");
      }

      return loaders;
    };

    const plugins = () => {
      const base = [
        new HTMLWebpackPlugin({
          template: "./index.html",
          minify: {
            collapseWhitespace: isProd
          }
        }),
        new CleanWebpackPlugin(),
        new CopyWebpackPlugin([
          {
            from: path.resolve(__dirname, "src/favicon.ico"),
            to: path.resolve(__dirname, "dist")
          }
        ]),
        new MiniCssExtractPlugin({
          filename: filename("css")
        })
      ];

      // if (isProd) {
      //   base.push(new BundleAnalyzerPlugin());
      // }

      return base;
    };

    module.exports = {
      context: path.resolve(__dirname, "src"),
      mode: "development",
      entry: {
        main: ["@babel/polyfill", "./js/index.js"]
      },
      output: {
        filename: filename("js"),
        path: path.resolve(__dirname, "dist")
      },
      resolve: {
        extensions: [".js", ".json", ".png"],
        alias: {
          "@": path.resolve(__dirname, "src")
        }
      },
      optimization: optimization(),
      devServer: {
        port: 4200,
        hot: isDev
      },
      devtool: isDev ? "source-map" : "",
      plugins: plugins(),
      module: {
        rules: [
          {
            test: /\.css$/,
            use: cssLoaders()
          },
          {
            test: /\.less$/,
            use: cssLoaders("less-loader")
          },
          {
            test: /\.s[ac]ss$/,
            use: cssLoaders("sass-loader")
          },
          {
            test: /\.(png|jpg|svg|gif)$/,
            use: ["file-loader"]
          },
          {
            test: /\.(ttf|woff|woff2|eot)$/,
            use: ["file-loader"]
          },
          {
            test: /\.xml$/,
            use: ["xml-loader"]
          },
          {
            test: /\.csv$/,
            use: ["csv-loader"]
          },
          {
            test: /\.js$/,
            exclude: /node_modules/,
            use: jsLoaders()
          },
          {
            test: /\.ts$/,
            exclude: /node_modules/,
            loader: {
              loader: "babel-loader",
              options: babelOptions("@babel/preset-typescript")
            }
          },
          {
            test: /\.jsx$/,
            exclude: /node_modules/,
            loader: {
              loader: "babel-loader",
              options: babelOptions("@babel/preset-react")
            }
          }
        ]
      }
    };

package.json:

{
  "name": "project",
  "version": "1.0.0",
  "description": "",
  "private": true,
  "scripts": {
    "dev": "cross-env NODE_ENV=development webpack --mode development",
    "build": "cross-env NODE_ENV=production webpack --mode production",
    "watch": "cross-env NODE_ENV=development webpack --mode development --watch",
    "start": "cross-env NODE_ENV=development webpack-dev-server --mode development --open"
  },
  "browserslist": "> 0.25%, not dead",
  "keywords": [],
  "author": "Timofey <[email protected]>",
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.8.3",
    "@babel/plugin-proposal-class-properties": "^7.8.3",
    "@babel/preset-env": "^7.8.3",
    "@babel/preset-react": "^7.8.3",
    "@babel/preset-typescript": "^7.8.3",
    "babel-eslint": "^10.0.3",
    "babel-loader": "^8.0.6",
    "clean-webpack-plugin": "^3.0.0",
    "copy-webpack-plugin": "^5.1.1",
    "cross-env": "^6.0.3",
    "css-loader": "^3.4.2",
    "csv-loader": "^3.0.2",
    "eslint": "^6.8.0",
    "eslint-config-airbnb": "^18.0.1",
    "eslint-config-prettier": "^6.10.0",
    "eslint-loader": "^3.0.3",
    "eslint-plugin-html": "^6.0.0",
    "eslint-plugin-import": "^2.20.0",
    "file-loader": "^5.0.2",
    "html-webpack-plugin": "^3.2.0",
    "less": "^3.10.3",
    "less-loader": "^5.0.0",
    "mini-css-extract-plugin": "^0.9.0",
    "node-sass": "^4.13.0",
    "optimize-css-assets-webpack-plugin": "^5.0.3",
    "papaparse": "^5.1.1",
    "sass-loader": "^8.0.2",
    "style-loader": "^1.1.2",
    "terser-webpack-plugin": "^2.3.2",
    "webpack": "^4.41.5",
    "webpack-cli": "^3.3.10",
    "webpack-dev-server": "^3.10.1",
    "xml-loader": "^1.2.1"
  },
  "dependencies": {
    "@babel/polyfill": "^7.8.3",
    "bootstrap": "^4.4.1",
    "eslint-plugin-jsx-a11y": "^6.2.3",
    "eslint-plugin-prettier": "^3.1.2",
    "jquery": "^3.4.1",
    "lodash": "^4.17.15",
    "normalize.css": "^8.0.1",
    "prettier": "^1.19.1",
    "react": "^16.12.0",
    "react-dom": "^16.12.0"
  }
}

У меня есть предположение, что пути некорректно работают, а как исправить это я вообще без понятия..


Ответы (0 шт):