search

kdchang / reactjs101

從零開始學 ReactJS（ReactJS 101）是一本希望讓初學者一看就懂的 React 中文入門教學書，由淺入深學習 ReactJS 生態系 (Flux, Redux, React Router, ImmutableJS, React Native, Relay/GraphQL etc.)。
https://www.gitbook.com/book/kdchang/react101/details
Other
4.31k stars 1.22k forks source link

React Router 入門實戰教學 範例無法執行 #43

Open YoshiLiao opened 7 years ago

YoshiLiao commented 7 years ago

凱迪老師你好 我是你在hahow上的學生 看到你的從零開始學React的教學，剛好對React有些興趣 所以就跟著你的教學文件學習 最近學習到Ch05 React Router 入門實戰教學碰到一些問題 在執行到npm start時，一直執行失敗，無法啟動web server 我是直接將github上面的資料下載(放到我mac的Documents資料夾) 依序按照範例安裝npm套件 但是最終執行卻失敗了（重複安裝執行五六次...） 不曉得原因為何？ 有空的時候可以麻煩你指點迷津 謝謝～

資料夾截圖：

2016-11-11 9 05 45

command line錯誤訊息： group chrome錯誤訊息： 2016-11-11 9 13 39

YoshiLiao commented 7 years ago

目前經過我交叉測試，問題應該是出在這行： npm install --save-dev babel-core babel-eslint babel-loader babel-preset-es2015 babel-preset-react eslint eslint-config-airbnb eslint-loader eslint-plugin-import eslint-plugin-jsx-a11y eslint-plugin-react webpack webpack-dev-server html-webpack-plugin 我把eslint的相關套件，分別安裝，之後就可以顯示了 雖然還是出現了錯誤訊息視窗，如下：

2016-11-11 12 12 27

不過至少範例網頁有顯示.....

kdchang commented 7 years ago

@YoshiLiao 您好，因為我們範例有使用 babel 當做代碼檢驗，所以要事先安裝相關套件。應該是之前有改到一些訊息所以有代碼檢驗警示，但不影響使用。造成您的困擾真不好意思，我會儘快修正，謝謝您～

kdchang commented 7 years ago

@YoshiLiao 您好，我發現我都是綠色訊息的，不會顯示錯誤耶？可以麻煩您再試試嗎？謝謝您～

inetar commented 7 years ago

我之前有碰到類似的問題,後來發現是package.json沒有修改到 (npm init產生新的了) 或許你可以檢查一下

WuPan1018 commented 7 years ago

您好，我这里报错说webpack接口改掉了，Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.