Module parse failed:Unexpectedtoken (1:0)You may need an appropriate loader to handle this file type

现实又给我上了一堂残酷的课，之前搞robeletric的时候在环境上就一直出问题，这次开始整vue又在环境上浪费了这么久的时间我的node直接就下载了最新版本的，所以在运行别人的项目时报错了，然后我竟然没有想到先看看是不是环境的问题，又在网上一通找，然后修改了一堆东西，还是不行这个时候在网上看到说最新版本的node跟很多东西都不兼容，8.几的是比较稳定的，然后就换了8.几的node，项目起来了过来

路路在路上

8988人浏览 · 2020-05-15 18:09:04

路路在路上 · 2020-05-15 18:09:04 发布

现实又给我上了一堂残酷的课，之前搞robeletric的时候在环境上就一直出问题，这次开始整vue又在环境上浪费了这么久的时间
我的node直接就下载了最新版本的，所以在运行别人的项目时报错了，然后我竟然没有想到先看看是不是环境的问题，又在网上一通找，然后修改了一堆东西，还是不行
这个时候在网上看到说最新版本的node跟很多东西都不兼容，8.几的是比较稳定的，然后就换了8.几的node，项目起来了
过来几天，我看另一些模块的时候，启动的时候报了如下错误：

ERROR in ./demo03/src/app.vue
Module parse failed: /vue-tutorials/06.Router/demo03/src/app.vue Unexpected token (1:0)
You may need an appropriate loader to handle this file type.
SyntaxError: Unexpected token (1:0)
    at Parser.pp$4.raise (/Downloads/vue-tutorials/06.Router/node_modules/webpack/node_modules/acorn/dist/acorn.js:2221:15)
    at Parser.pp.unexpected (/Downloads/vue-tutorials/06.Router/node_modules/webpack/node_modules/acorn/dist/acorn.js:603:10)
    at Parser.pp$3.parseExprAtom (/Downloads/vue-tutorials/06.Router/node_modules/webpack/node_modules/acorn/dist/acorn.js:1822:12)
    at Parser.pp$3.parseExprSubscripts (/Downloads/vue-tutorials/06.Router/node_modules/webpack/node_modules/acorn/dist/acorn.js:1715:21)
    at Parser.pp$3.parseMaybeUnary (/Downloads/vue-tutorials/06.Router/node_modules/webpack/node_modules/acorn/dist/acorn.js:1692:19)
    at Parser.pp$3.parseExprOps (/vue-tutorials/06.Router/node_modules/webpack/node_modules/acorn/dist/acorn.js:1637:21)
    at Parser.pp$3.parseMaybeConditional (/Downloads/vue-tutorials/06.Router/node_modules/webpack/node_modules/acorn/dist/acorn.js:1620:21)
    at Parser.pp$3.parseMaybeAssign (/Downloads/vue-tutorials/06.Router/node_modules/webpack/node_modules/acorn/dist/acorn.js:1597:21)
    at Parser.pp$3.parseExpression (/Downloads/vue-tutorials/06.Router/node_modules/webpack/node_modules/acorn/dist/acorn.js:1573:21)
    at Parser.pp$1.parseStatement (/Downloads/vue-tutorials/06.Router/node_modules/webpack/node_modules/acorn/dist/acorn.js:727:47)
 @ ./demo03/src/main.js 9:23-43

这个时候我还是没有觉醒，仍然在网上各种不死心的搜索，最终没有解决问题
最后我把代码重新下载后启动没有问题
就是之前因为node不兼容，在网上找的解决办法改了一些地方（都没有思考）：
把webpack.config.js中loaders改成了rules导致的

module: {
    loaders: [
      {
        test: /\.vue$/,
        loader: 'vue'
      },
      {
        test: /\.js$/,
        loader: 'babel',
        exclude: /node_modules/
      },
      {
        test: /\.json$/,
        loader: 'json'
      },
      {
        test: /\.html$/,
        loader: 'vue-html'
      },
      {
        test: /\.(png|jpg|gif|svg)$/,
        loader: 'url',
        query: {
          limit: 10000,
          name: '[name].[ext]?[hash]'
        }
      }
    ]