我得到下面的错误,我不明白为什么我认为应该有一些与巴贝尔。我使用web开发服务器和babel。它在反应。
ERROR in ./App.js 188:13
Module parse failed: Unexpected token (188:13)
You may need an appropriate loader to handle this file type.
| //console.log(filter);
| if(isHomePage)
| return
| return (
| <div className={'App ${isDetailPage ? 'detail-page' : 'landing-page'} '}
@ ./main.js 1:0-27
@ multi (webpack)-dev-server/client?http://localhost:8080 ./main.js
ERROR in ./Home.js 34:8
Module parse failed: Unexpected token (34:8)
You may need an appropriate loader to handle this file type.
| render() {
| return (
| <div className={App}>
| hello
|
@ ./main.js 2:0-29
@ multi (webpack)-dev-server/client?http://localhost:8080 ./main.js
i ?wdm?: Failed to compile.
我的Webconfig文件如下所示:
var path = require('path');
var webpack = require('webpack');
module.exports = {
entry: './main.js',
output: { path: __dirname, filename: 'bundle.js' },
module: {
rules: [
{
test: /.jsx?$/,
include: [
path.resolve(__dirname, 'path/to/imported/file/dir')
],
loader: 'babel-loader',
exclude: /node_modules/,
query: {
presets: ['es2015', 'react']
}
}
]
},
}
我的package.json文件如下所示:
"dependencies": {
"missing": "0.0.1",
"react": "^0.14.7",
"react-dom": "^0.14.7",
"react-router-dom": "^4.3.1",
"webpack-dev-server": "^3.1.10"
},
"devDependencies": {
"babel-core": "^6.26.3",
"babel-loader": "^7.1.5",
"babel-preset-es2015": "^6.3.13",
"babel-preset-react": "^6.3.13",
"webpack": "^4.27.1",
"webpack-cli": "^3.1.2"
},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
"start": "webpack-dev-server"
},
"author": "",
"license": "ISC"
}
我错过了什么?这与path.resolve有关吗?
我也遇到了同样的问题,在我的例子中,问题与正则表达式有关。正则表达式的定义是错误的。我建议您检查main.js中的任何正则表达式。
组件如下所示。是我正在使用链接的本地依赖项 uilib/index.css如下所示
我正在尝试使用Webpack构建一个简单的React应用程序,但是在从Webpack dev服务器运行时,我遇到以下错误: 以下是我的Webpack.config.js文件内容: app.js文件内容从“React”导入React从“React dom”导入ReactDOM从“React dom”导入{Switch,BrowserRouter,Route}从“React router dom”导入
我刚刚开始使用一个升级的模板将我的aspdotnet core Aurelia项目升级到3.0,该模板是我用来创建项目的模板。 我把我的文件(在以前的项目工作)到这个新版本,我已经结束了一堆错误,从webpack的第一个是在标题中概述。 网页包也已升级。这是我收到的第一个错误。。 发现了与此相同的问题,结果发现我没有替身,所以是另外一个问题。。 我还检查了这个标题非常相似的问题,但我相信webpa
我在做“NPM运行构建”我的react应用程序时遇到了一个问题。其说法如下: 下面提到的错误: 4)./src/helloworld.jsx 5)package.json
我正面临下面的错误。我尝试了所有的解决方案在其他文章中提到的相同的问题。但没有运气。请帮帮忙。 下面是我的档案。 package.json webpack.conf.js 应用程序JS index.js
坚持简单的ReactJs网页包结构初始化。不知道我错过了什么,但这应该是非常愚蠢的事情。 有人能指出错误在哪里或者我做错了什么吗? 简单代码: 网页包配置 错误: 网页包版本:React版本:React dom: