Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.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
Javascript npm运行找不到模块fs_Javascript_Django_Windows_Npm_Webpack - Fatal编程技术网

Javascript npm运行找不到模块fs

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

我目前正在进行djangoRest和React课程。我有npm和python方面的经验,但这个错误我无法解决。 一切顺利,直到我“npm运行开发”

package.json文件

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
的文件夹中搜索模块