鍍金池/ 問(wèn)答/HTML5  網(wǎng)絡(luò)安全  HTML/ react import 出錯(cuò)，bable-loader 是安裝和配置好的

react import 出錯(cuò)，bable-loader 是安裝和配置好的

//Days.js

import React, {Component} from "react";
import $ from 'jquery';


class Days extends Component {

    constructor(props) {
        super(props);
        this.state = {
            data: [
                {tltle: 'ABCDE'}
            ]
        };
    }
    .....

//main.js

import React from "react";
import {render} from "react-dom";
import Days from "./Days.js";

........

e:\react06\app\main.js:1
(function (exports, require, module, __filename, __dirname) { import React from "react";
                                                              ^^^^^^

SyntaxError: Unexpected token import
    at createScript (vm.js:80:10)
    at Object.runInThisContext (vm.js:139:10)
    at Module._compile (module.js:616:28)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Function.Module.runMain (module.js:693:10)
    at startup (bootstrap_node.js:191:16)
    at bootstrap_node.js:612:3

Days.js不報(bào)錯(cuò)，但是main.js 是報(bào)錯(cuò)的，新手，請(qǐng)教。

webpack.config.js

  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            "presets": [
              ["env", {
                "targets": {
                  "node": "current"
                }
              }],
              ["react"]
            ]
          }
        }
      }
    ]
  },
....
//package.json
  "devDependencies": {
    "babel-core": "^6.26.3",
    "babel-loader": "^7.1.5",

webpack 編譯是通過(guò)的，但運(yùn)行就報(bào)上面的錯(cuò)。不懂！

回答
編輯回答
焚音

js沒(méi)有被babel轉(zhuǎn)換掉，因?yàn)閕mport語(yǔ)法還在，檢查一下webpack的js-loader配置

2017年6月20日 03:07
編輯回答
孤酒

webpack配置 和 文檔目錄發(fā)一下

2018年2月26日 21:42
編輯回答
櫻花霓

目錄結(jié)構(gòu)
clipboard.png

webpack.config.js

const path = require('path');

module.exports = {
  entry: "./app/main.js", 

  output: {
    path: path.resolve(__dirname, "dist"), 
    filename: "all.js"
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            "presets": [
              ["env", {
                "targets": {
                  "node": "current"
                }
              }],
              ["react"]
            ]
          }
        }
      }
    ]
  },
  
  node: {
    fs: "empty",
    dgram: "empty"
  }
  
}
2017年6月26日 17:28
編輯回答
北城荒
"presets": [
              ["env", {
                modules: false
              }],
              ["react"]
            ]
2018年3月25日 11:24