reactjs101
reactjs101 copied to clipboard
React Router 入門實戰教學 範例無法執行
凱迪老師你好 我是你在hahow上的學生 看到你的從零開始學React的教學,剛好對React有些興趣 所以就跟著你的教學文件學習 最近學習到Ch05 React Router 入門實戰教學碰到一些問題 在執行到npm start時,一直執行失敗,無法啟動web server 我是直接將github上面的資料下載(放到我mac的Documents資料夾) 依序按照範例安裝npm套件 但是最終執行卻失敗了(重複安裝執行五六次...) 不曉得原因為何? 有空的時候可以麻煩你指點迷津 謝謝~
資料夾截圖:
command line錯誤訊息:
chrome錯誤訊息:
目前經過我交叉測試,問題應該是出在這行:
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的相關套件,分別安裝,之後就可以顯示了
雖然還是出現了錯誤訊息視窗,如下:
不過至少範例網頁有顯示.....
@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
).我这版本需要降吗? 新手求指导