Question

我正在尝试制作一个简单的React-Redux项目。我从github导入了一个项目，并开始在App.js中进行一些调整。但是当我尝试运行index.html文件时，bundle.min.js不会获得更新并显示旧结果。每次我在组件中进行任何更改时，我都无法更新bundle.min.js文件。我附上了我的代码片段。

index.html文件

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>React Webpack</title>
</head>
<body>

    <div id="root"></div>
    <script src="js/bundle.min.js"></script>

</body>
</html>

App.js

import React from 'react'
require('../../scss/style.scss');

const App =() =>(

    <div>
        <h2>
            Username list
        </h2>
        <hr/>
        <h2>
            User Details
        </h2>
    </div>
);

export default App;

减速器-user.js的

export default function () {
    return [
        {
            id: 1,
            first: "Bucky",
            last: "Roberts",
            age: 71,
            description: "Bucky is a React developer and YouTuber",
            thumbnail: "http://i.imgur.com/7yUvePI.jpg"
        },
        {
            id: 2,
            first: "Joby",
            last: "Wasilenko",
            age: 27,
            description: "Joby loves the Packers, cheese, and turtles.",
            thumbnail: "http://i.imgur.com/52xRlm8.png"
        },
        {
            id: 3,
            first: "Madison",
            last: "Williams",
            age: 24,
            description: "Madi likes her dog but it is really annoying.",
            thumbnail: "http://i.imgur.com/4EMtxHB.png"
        }
    ]
}

Project structure screenshot

Browser Output

我应该得到两个标题“用户名列表”和“用户详细信息”，但我得到的东西完全不同

Answer 1

如果你想在一个快速工作的应用程序中进行一些调整尝试这个神奇的工具 https://facebook.github.io/react/blog/2016/07/22/create-apps-with-no-configuration.html
或者如果你想解决你的问题（这似乎是一个NodeJS 项目的依赖性问题）从打开终端开始并输入
```
cd yourProjectRootPathFolder
npm init -y
npm install --save-dev babel-core babel-cli babel-preset-es2015
```
然后一定要启用Babel的ES6 / ES2015语言支持，这就是它通过激活您已经拥有的babel-preset-es2015软件包完成通过上面的命令安装。现在你只需要在package.json中添加一个“babel”部分：
```
"babel": {   "presets": ["es2015"] }
```

bundle.min.js没有在React Project中更新

1 个答案: