Javascript npm运行找不到模块fs
我目前正在进行djangoRest和React课程。我有npm和python方面的经验,但这个错误我无法解决。 一切顺利,直到我“npm运行开发” package.json文件Javascript npm运行找不到模块fs,javascript,django,windows,npm,webpack,Javascript,Django,Windows,Npm,Webpack,我目前正在进行djangoRest和React课程。我有npm和python方面的经验,但这个错误我无法解决。 一切顺利,直到我“npm运行开发” package.json文件 const path = require("path"); const webpack = require("webpack"); module.exports = { entry: "./src/index.js", output: { pa
const path = require("path");
const webpack = require("webpack");
module.exports = {
entry: "./src/index.js",
output: {
path: path.resolve(__dirname, "./static/frontend"),
filename: "[name].js",
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader",
},
},
],
},
optimization: {
minimize: true,
},
plugins: [
new webpack.DefinePlugin({
"process.env": {
// This has effect on the react lib size
NODE_ENV: JSON.stringify("production"),
},
}),
],
};
{
“名称”:“前端”,
“版本”:“1.0.0”,
“说明”:“,
“main”:“index.js”,
“脚本”:{
“开发人员”:“网页包——模式开发——观察”,
“构建”:“网页包--生产模式”
},
“关键词”:[],
“作者”:“作者”,
“许可证”:“ISC”,
“依赖性”:{
“@babel/core”:“^7.13.16”,
“@babel/preset env”:“^7.13.15”,
“@babel/preset react”:“^7.13.13”,
“巴别塔加载器”:“^8.2.2”,
“反应”:“^17.0.2”,
“react dom”:“^17.0.2”,
“网页包”:“^5.34.0”,
Web包cli“^4.6.0”
},
“依赖项”:{
“@babel/plugin提案类属性”:“^7.13.0”,
“@material ui/core”:“^4.11.3”,
“@material ui/图标”:“^4.11.2”,
反应路由器dom“^5.2.0”
}
}
webpack.config.js文件
const path = require("path");
const webpack = require("webpack");
module.exports = {
entry: "./src/index.js",
output: {
path: path.resolve(__dirname, "./static/frontend"),
filename: "[name].js",
},
module: {
rules: [
{
test: /\.js$/,
exclude: /node_modules/,
use: {
loader: "babel-loader",
},
},
],
},
optimization: {
minimize: true,
},
plugins: [
new webpack.DefinePlugin({
"process.env": {
// This has effect on the react lib size
NODE_ENV: JSON.stringify("production"),
},
}),
],
};
错误
npm run dev
> frontend@1.0.0 dev E:\Programacion cursos\Harvard\React&JavaScript\VsCode\react_django\frontend
> webpack --mode development --watch
"JavaScript\VsCode\react_django\frontend\node_modules\.bin\" no se reconoce como un comando interno o externo,
programa o archivo por lotes ejecutable.
internal/modules/cjs/loader.js:883
throw err;
^
Error: Cannot find module 'E:\Programacion cursos\Harvard\webpack\bin\webpack.js'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
at Function.Module._load (internal/modules/cjs/loader.js:725:27)
at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12)
at internal/main/run_main_module.js:17:47 {
code: 'MODULE_NOT_FOUND',
requireStack: []
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! frontend@1.0.0 dev: `webpack --mode development --watch`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the frontend@1.0.0 dev 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在哪里搜索webpack.js归档文件。目前webpack.js
的路径是E:\Programacion cursos\Harvard\React&JavaScript\VsCode\React\u django\frontend\node\u modules\webpack\bin\webpack.js
,但我不知道为什么要在E:\Programacion cursos\Harvard\webpack\bin\webpack.js中搜索该模块
我想更改npm搜索webpack
模块的位置,但我不知道如何更改。我尝试了npm-link-webpack
,然后npm-unlink-webpack
再次安装它,但没有成功。如果有人知道怎么做,请帮助我。谢谢
编辑
我解决了其中一个问题。将node\u module\.bin
文件夹更改为node\u module\bin
在node\u modules
中,有优雅的fs
模块。我能做什么?
错误是:
Error: Cannot find module 'graceful-fs'
Require stack:
- C:\Users\matia\AppData\Roaming\npm\node_modules\webpack\bin\webpack.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
at Function.Module._load (internal/modules/cjs/loader.js:725:27)
at Module.require (internal/modules/cjs/loader.js:952:19)
at require (internal/modules/cjs/helpers.js:88:18)
at Object.<anonymous> (C:\Users\matia\AppData\Roaming\npm\node_modules\webpack\bin\webpack.js:77:13)
at Module._compile (internal/modules/cjs/loader.js:1063:30)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
at Module.load (internal/modules/cjs/loader.js:928:32)
at Function.Module._load (internal/modules/cjs/loader.js:769:14)
at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'C:\\Users\\matia\\AppData\\Roaming\\npm\\node_modules\\webpack\\bin\\webpack.js'
]
错误:找不到模块'fs'
需要堆栈:
-C:\Users\matia\AppData\Roaming\npm\node\u modules\webpack\bin\webpack.js
位于Function.Module.\u解析文件名(internal/modules/cjs/loader.js:880:15)
at Function.Module._load(内部/modules/cjs/loader.js:725:27)
at Module.require(内部/modules/cjs/loader.js:952:19)
根据需要(内部/modules/cjs/helpers.js:88:18)
反对。(C:\Users\matia\AppData\Roaming\npm\node\u modules\webpack\bin\webpack.js:77:13)
at模块编译(内部/modules/cjs/loader.js:1063:30)
在Object.Module._extensions..js(internal/modules/cjs/loader.js:1092:10)
在Module.load(内部/modules/cjs/loader.js:928:32)
at Function.Module._load(内部/modules/cjs/loader.js:769:14)
在Function.executeUserEntryPoint[作为runMain](internal/modules/run_main.js:72:12){
代码:“未找到模块”,
requireStack:[
'C:\\Users\\matia\\AppData\\Roaming\\npm\\node\u modules\\webpack\\bin\\webpack.js'
]
我从上面的目录运行npm。npm模块、webpack输入、webpack输出、webpack配置、package.json和package-lock.json位于同一目录中。下面是我的webpack配置示例
var path = require ('path');
module.exports = {
entry : './webpack-entry',
mode : 'production',
output : {
filename : 'webpack-output.js',
path : path.resolve(__dirname),
library : {
name: 'chartModule',
type : 'umd'
}
},
}
你好,博玛,我正在node\u modules
和webpack.config.js
所在的文件夹中运行“``npm run dev``````所以我现在在范围内。我不知道为什么它在其他文件夹中搜索模块,而不是在我试图初始化npm run dev
的文件夹中搜索模块