使用此教程:http://www.zsoltnagy.eu/step-by-step-environment-setup-of-the-react-developer-no-legacy-2016-standards/我打字npm run build
之后遇到一个模糊的错误。NPM运行构建命令的语法不正确
如果你看到我刚才的问题中的package.json只有轻微的变化,我怀疑它是与这些行(空格的文件/目录名):"build": "webpack -d && copy src/app/index.html dist/index.html && webpack-dev-server --hot --inline --colors --progress --content-base src/", "build-prod": "webpack -p && copy src/app/index.html dist/index.html"
但我不确定如何解决它。
谢谢你。
的package.json代码
{
"name": "rapp",
"version": "1.0.0",
"description": "\"\"",
"main": "index.js",
"repository": {
"type": "git",
"url": "\"\""
},
"keywords": [
"\"\""
],
"author": "\"BH0\"",
"license": "ISC",
"dependencies": {
"react-dom": "^15.5.4"
},
"devDependencies": {
"babel-core": "^6.24.1",
"babel-loader": "^7.0.0",
"babel-preset-es2015": "^6.24.1",
"babel-preset-react": "^6.24.1",
"babel-preset-stage-2": "^6.24.1",
"webpack": "^2.6.0",
"webpack-dev-server": "^2.4.5"
},
"scripts": {
"babel": "babel",
"webpack": "webpack",
"build": "webpack -d && copy src/app/index.html dist/index.html && webpack-dev-server --hot --inline --colors --progress --content-base src/",
"build-prod": "webpack -p && copy src/app/index.html dist/index.html"
}
}
Error message after typing 'npm run build'
webpack.config.js:
var path = require('path');
var DIST_PATH = path.resolve(__dirname, 'dist');
var SOURCE_PATH = path.resolve(__dirname, 'src');
module.exports = {
entry: SOURCE_PATH + '/app/app.js',
output: {
path: DIST_PATH,
filename: 'app.dist.js',
publicPath: '/app/'
},
module: {
loaders: [
{
test: /.jsx?$/,
loader: 'babel-loader',
exclude: /node_modules/,
query: {
presets: [
'es2015',
'react',
'stage-2'
]
}
}
]
}
};
请原谅我可怜的格式,但它不是工作(我的笔记本电脑的轨垫损坏)。
复制资产失败,您可以确保您的文件夹/文件路径在webpack配置文件中是正确的。 –
@Niraj我已提交了webpack.config文件,但因为我是新来做出反应,我不认为我可以证实,路径是正确的,我也复制本教程的代码,我不太了解,可能你请重温这个问题?也可以自由地重新格式化,对不起 – Programmerion