#node.js #npm #webpack #material-design #webpack-dev-server
#node.js #npm #webpack #материал-дизайн #webpack-dev-server
Вопрос:
(Я пытаюсь следовать этому руководству)
При запуске npm start
я получаю следующую ошибку:
PS C:UsersuserDesktopProjectsWebsitesprojectproject> npm start
> PROJECT@0.0.0 start C:UsersuserDesktopProjectsWebsitesprojectproject
> webpack-dev-server --config webpack.config.js --open
'find_dp0' is not recognized as an internal or external command,
operable program or batch file.
internal/modules/cjs/loader.js:775
throw err;
^
Error: Cannot find module 'C:webpack-dev-serverbinwebpack-dev-server.js'
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:772:15)
at Function.Module._load (internal/modules/cjs/loader.js:677:27)
at Function.Module.runMain (internal/modules/cjs/loader.js:999:10)
at internal/main/run_main_module.js:17:11 {
code: 'MODULE_NOT_FOUND',
requireStack: []
}
Я думаю, что основная проблема заключается в том, что он ищет webpack-dev-server
модуль на моем C:/
диске, поскольку ошибка гласит:
Error: Cannot find module 'C:webpack-dev-serverbinwebpack-dev-server.js'
Почему он должен искать модуль там, а не в локальной node_modules
папке? Это, по крайней мере, то, что я думаю, вызывает проблему, может быть, это что-то еще?
Я не смог найти эту же ошибку онлайн где-либо еще (где она просматривалась на пользовательском C:/
диске). Я работаю в Visual Studio Community 2019. Любая помощь была бы высоко оценена!
package.json
:
{
"name": "drewpel.com",
"description": "drewpel.com",
"author": "James Pelusi",
"version": "0.0.0",
"private": true,
"scripts": {
"start": "webpack-dev-server --config webpack.config.js --open",
"test": "echo "Error: no test script was specified" amp;amp; exit 1"
},
"dependencies": {
"express": "4.17.1",
"morgan": "1.10.0",
"pug": "3.0.0"
},
"devDependencies": {
"css-loader": "4.2.2",
"extract-loader": "5.1.0",
"file-loader": "6.0.0",
"sass": "1.26.10",
"sass-loader": "10.0.1",
"webpack": "4.44.1",
"webpack-cli": "3.3.12",
"webpack-dev-server": "3.11.0"
}
}
webpack.config.js
:
module.exports = [{
entry: './css/index.scss',
output: {
// This is necessary for webpack to compile
// But we never use style-bundle.js
filename: 'style-bundle.js',
},
module: {
rules: [
{
test: /.scss$/,
use: [
{
loader: 'file-loader',
options: {
name: 'bundle.css',
},
},
{ loader: 'extract-loader' },
{ loader: 'css-loader' },
{
loader: 'sass-loader',
options: {
// Prefer Dart Sass
implementation: require('sass'),
// See https://github.com/webpack-contrib/sass-loader/issues/804
webpackImporter: false,
},
},
]
}
]
},
}];
Ответ №1:
"start": "webpack serve --config webpack.config.js --open"
измените package.json start на приведенный выше. Я надеюсь, что это сработает
Комментарии:
1. Спасибо, это было решение для меня.