kdchang/reactjs101

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

YoshiLiao opened this issue · 5 comments

凱迪老師你好
我是你在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

目前經過我交叉測試,問題應該是出在這行:
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

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

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

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

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

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

  • configuration.module has an unknown property 'preLoaders'. These properties are valid:
    object { exprContextCritical?, exprContextRecursive?, exprContextRegExp?, exprContextReque
    st?, loaders?, noParse?, rules?, unknownContextCritical?, unknownContextRecursive?, unknownCo
    ntextRegExp?, unknownContextRequest?, unsafeCache?, wrappedContextCritical?, wrappedContextRe
    cursive?, wrappedContextRegExp?, strictExportPresence?, strictThisContextOnImports? }
    Options affecting the normal modules (NormalModuleFactory).我这版本需要降吗? 新手求指导