Я получаю сообщение об ошибке при попытке выполнить команду наблюдения в веб-пакете и не могу определить проблему.У меня есть ощущение, что есть более чем одна проблема, но я уверен, что, по крайней мере, у меня есть идея одной из проблем.
Чтобы дать немного фона, я далеко от своего ноу-хаусо всем этим, и я пытаюсь самостоятельно научиться писать веб-приложения на Python.Я наткнулся на этот пост в блоге с базовым примером с подробными инструкциями:
https://codeburst.io/creating-a-full-stack-web-application-with-python-npm-webpack-and-react-8925800503d9
... и получаю ошибки без контекста из исходного материала.У них также есть видео github и youtube , где оно было представлено, но все же не повезло.
Я думаю, что часть проблемы заключается в том, что их пример был написан наMAC, каталог которого работает немного по-другому, чем windows, который является моим компьютером, поэтому в части кода каталог кажется отключенным из-за этого.Вот снимок экрана, показывающий Node.js, папку с файлами и код webpack.config.js:
Вот снимок экрана, показывающий Node.js, папку с файлами и webpack.config.js код:
Я заметил, что в каталоге в примере было '/static/js/index.jsx', но мой каталог использует другой слэш \ static \ js \ index.jsx иОшибка показывает нечетное объединение как C: \ Users ... \ static / static / js / index.jsx.Узнав, что \ был escape-кодом в javascript, я в конце концов попытался сделать код заново с измененными слешами.
Вот еще один скриншот, показывающий вновь запущенный эффект ... и он не появилсячтобы иметь эффект.
Так что я не уверен, что то, что я "исправил", также было ошибкой, но не текущей, поскольку мне не имеет смысла, как могут изменяться слэши каталогов... но до сих пор нет реальных ответов, и мои знания по этому вопросу были слишком малы, чтобы эффективно их найти или понять природу проблемы.
У меня такое ощущение, что настоящий модуль либо есть, либо может иметь какой-то видиз-за ошибки в коде веб-пакета, но я не слишком уверен.
Спасибо за то, что все время помогали мне, Мэтт
Редактировать: исходный пост имел скриншоты кода иссылка на исходный материал, из которого он был скопирован, но для справки приведены сегменты кода:
Структура каталога:
| Documents
|--- Python Scripts
|--- fullstacktemplate
|--- fullstack_template
|--- static
|--- js
|--- index.jsx
| node_modules
| index.html
| package.json
| package-lock.json
| webpack.config.js
Параметры node_modules и package-lock.json были автоматическиCREAМожно настроить NPM, Webpack и / или Babel.Package.json был дополнительно отредактирован, и будет перечислен ниже.
index.jsx - это 1 строка:
alert("Hello World!");
package.json выглядит следующим образом:
{
"name": "fullstacktemplate",
"version": "1.0.0",
"description": "fullstack template that will say hello in another language when activated",
"main": "index.jsx",
"scripts": {
"build": "webpack -p --progress --config webpack.config.js",
"dev-build": "webpack --progress -d --config webpack.config.js",
"test": "echo \"Error: no test specified\" && exit 1",
"watch": "webpack --progress -d --config webpack.config.js --watch"
},
"keywords": [
"python",
"react",
"npm",
"webpack"
],
"author": "Matt Lane",
"license": "ISC",
"devDependencies": {
"webpack": "^4.28.2"
}
}
Файл webpack.config.js выглядит следующим образом:
const webpack = require('webpack');
const config = {
entry: __dirname + '\\js\\index.jsx',
output: {
path: __dirname + '\\dist',
filename: 'bundle.js',
},
resolve: {
extensions: ['.js', '.jsx', '.css']
},
module: {
rules: [
{
test: /\.jsx?/,
exclude: /node_modules/,
use: 'babel-loader'
}
]
}
};
module.exports = config;
Файл webpack.config.js - это мой «исправленный» файл с \ slashes.Оригинальная неотредактированная версия была:
const webpack = require('webpack');
const config = {
entry: __dirname + '/js/index.jsx',
output: {
path: __dirname + '/dist',
filename: 'bundle.js',
},
resolve: {
extensions: ['.js', '.jsx', '.css']
},
module: {
rules: [
{
test: /\.jsx?/,
exclude: /node_modules/,
use: 'babel-loader'
}
]
}
};
module.exports = config;