Javascript 网页包+;反应:模块分析失败:意外令牌:您可能需要适当的加载程序
坚持简单的ReactJs+Webpack结构初始化。不知道我错过了什么,但这应该是非常愚蠢的事情 有人能指出错误在哪里或者我做错了什么吗 简单代码:Javascript 网页包+;反应:模块分析失败:意外令牌:您可能需要适当的加载程序,javascript,node.js,reactjs,webpack,react-dom,Javascript,Node.js,Reactjs,Webpack,React Dom,坚持简单的ReactJs+Webpack结构初始化。不知道我错过了什么,但这应该是非常愚蠢的事情 有人能指出错误在哪里或者我做错了什么吗 简单代码:index.js import React from "react"; import render from "react-dom"; class App extends React.Component { render() { return <p>hello world</p>; } }
index.js
import React from "react";
import render from "react-dom";
class App extends React.Component {
render() {
return <p>hello world</p>;
}
}
render(<App />, window.document.getElementById('app'));
错误:
RROR in ./src/js/index.js
Module parse failed: Unexpected token (13:15)
You may need an appropriate loader to handle this file type.
| class App extends React.Component {
| render() {
| return <p>hello world</p>;
| }
| }
@ multi ./src/js/index.js
error in./src/js/index.js
模块分析失败:意外令牌(13:15)
您可能需要适当的加载程序来处理此文件类型。
|类应用程序扩展了React.Component{
|render(){
|返回你好,世界;
| }
| }
@multi./src/js/index.js
网页包版本:3.10
反应版本:16.2
React dom:
16.2
解决了它。我的include
,exclude
文件夹中的babel loader
和eslint loader
错误。更正了它,工作正常。将导入渲染从“react dom”更改为“react dom”;从'react dom'导入{render}@jayavel没有改变任何事情:(看起来你在预设中没有反应,也许吧helps@hmr我的选项中有react
。
RROR in ./src/js/index.js
Module parse failed: Unexpected token (13:15)
You may need an appropriate loader to handle this file type.
| class App extends React.Component {
| render() {
| return <p>hello world</p>;
| }
| }
@ multi ./src/js/index.js