javascript – 从’react’导入React导致Uncaught SyntaxError：意外的标识符

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 从’react’导入React导致Uncaught SyntaxError：意外的标识符，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1422字，纯文字阅读大概需要3分钟。

内容图文

我已经安装了webpack 3以及babel和我的条目index.js / bundle.js将构建并运行,我已经使用ES7 / 8功能进行了测试,但是导入将无法工作并导致Uncaught SyntaxError：意外的标识符.我已经尝试将babel配置放在package.json中以及我的应用程序根目录中的单独.babelrc文件中,但是在尝试导入时仍然会出现错误.我错过了包裹还是设置？

index.js(作品)

// does not work
// import React from 'react' 

// works
const object1 = {
  a: 'somestring',
  b: 42,
  c: false
};

console.log(Object.values(object1));

webpack.config.js

const path = require('path')

module.exports = {
  context: path.resolve(__dirname, 'app/assets/javascripts/source'),
  entry: './index.js',
  output: {
    filename: 'bundle.js',
    path: path.resolve(__dirname, 'app/assets/javascripts/webpack')
  },
  module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /node_modules/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: ['@babel/preset-env']
          }
        }
      }
    ]
  }
}

.babelrc

{
  "presets": ["env", "react"]
}

的package.json

}
  ...
  "license": "MIT",
  "scripts": {
    "build": "webpack",
  },
  "babel": {
    "presets": [
      "env",
      "react"
    ]
  },
  "devDependencies": {
    "babel-core": "^6.26.0",
    "babel-loader": "^7.1.2",
    "babel-preset-env": "^1.6.1",
    "babel-preset-react": "^6.24.1",
    "prop-types": "^15.6.0",
    "react": "^16.2.0",
    "react-dom": "^16.2.0",
    "webpack": "^3.10.0",
    "webpack-dev-server": "^2.11.1"
  }
}

解决方法:

试试这个：transform-es2015-modules-amd,这个插件将ES2015模块转换为异步模块定义(AMD).

{
    presets: ["env", "react"],
    plugins: ["transform-es2015-modules-amd"]
 }

更多
transform-es2015-modules-amd

内容总结

以上是互联网集市为您收集整理的javascript – 从’react’导入React导致Uncaught SyntaxError：意外的标识符全部内容，希望文章能够帮你解决javascript – 从’react’导入React导致Uncaught SyntaxError：意外的标识符所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

---