Не найден модуль 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"
}
}
У меня есть предположение, что пути некорректно работают, а как исправить это я вообще без понятия..