Iview-admin: 编译错误

Created on 25 Oct 2017 · 19Comments · Source: iview/iview-admin

node --version
v8.7.0

npm -v
5.4.2

npm install
npm run dev
按文档描述的执行，结果报错：

ERROR in Error: Child compilation failed:
Module build failed: SyntaxError: Unexpected token (1:0)

1 |
| ^
2 |
3 |
4 |
:
BabelLoaderError: SyntaxError: Unexpected token (1:0)
1 |
| ^
2 |
3 |
4 |

compiler.js:76
[iview-admin]/[html-webpack-plugin]/lib/compiler.js:76:16
Compiler.js:296 Compiler.
[iview-admin]/[webpack]/lib/Compiler.js:296:10
Compiler.js:499
[iview-admin]/[webpack]/lib/Compiler.js:499:13
Tapable.js:202 next
[iview-admin]/[tapable]/lib/Tapable.js:202:11
CachePlugin.js:62 Compiler.
[iview-admin]/[webpack]/lib/CachePlugin.js:62:5
Tapable.js:206 Compiler.applyPluginsAsyncSeries
[iview-admin]/[tapable]/lib/Tapable.js:206:13
Compiler.js:496
[iview-admin]/[webpack]/lib/Compiler.js:496:10
Tapable.js:195 Compilation.applyPluginsAsyncSeries
[iview-admin]/[tapable]/lib/Tapable.js:195:46
Compilation.js:649 self.applyPluginsAsync.err
[iview-admin]/[webpack]/lib/Compilation.js:649:19
Tapable.js:195 Compilation.applyPluginsAsyncSeries
[iview-admin]/[tapable]/lib/Tapable.js:195:46
Compilation.js:640 self.applyPluginsAsync.err
[iview-admin]/[webpack]/lib/Compilation.js:640:11
Tapable.js:195 Compilation.applyPluginsAsyncSeries
[iview-admin]/[tapable]/lib/Tapable.js:195:46
Compilation.js:635 self.applyPluginsAsync.err
[iview-admin]/[webpack]/lib/Compilation.js:635:10
Tapable.js:195 Compilation.applyPluginsAsyncSeries
[iview-admin]/[tapable]/lib/Tapable.js:195:46
Compilation.js:631 sealPart2
[iview-admin]/[webpack]/lib/Compilation.js:631:9
Tapable.js:195 Compilation.applyPluginsAsyncSeries
[iview-admin]/[tapable]/lib/Tapable.js:195:46

Child html-webpack-plugin for "../index.html":
chunk {0} ../index.html 599 bytes [entry]
[0] ./~/html-webpack-plugin/lib/loader.js!./src/template/index.ejs 599 bytes {0} [built] [failed] [1 error]

ERROR in ./~/html-webpack-plugin/lib/loader.js!./src/template/index.ejs
Module build failed: SyntaxError: Unexpected token (1:0)

> 1 | <!DOCTYPE html>
    | ^
  2 | <html lang="zh-CN">
  3 |
  4 | <head>

菜鸟一枚，麻烦指教

helpful

Source

rsphing

Most helpful comment

@spqchk 抱歉人老眼花，给你另外一个答案，本人亲测可编译：

npm install ejs-loader --save-dev
webpack.dev.config.js -> 31 line -> template: '!!ejs-loader!./src/template/index.ejs',
webpack.prod.config.js 同上
npm run init

it should work now~

原因在于：如果不设定任何模板loader，HtmlWebpackPlugin会默认加载lodash loader（参考链接），但我们需要ejs-loader。

zkcode on 6 Nov 2017

👍7

All 19 comments

同样遇到这个问题

devchenyan on 25 Oct 2017

你们是什么系统下编译的

lison16 on 25 Oct 2017

macOS 10.13 系统

rsphing on 26 Oct 2017

同样问题，mac下，node6.6.0

yangjiandong on 26 Oct 2017

不得不说，一样的问题！也是mac

Zhao-github on 27 Oct 2017

我开发就用mac开发的，建议删了依赖重新装下，用Npm别用cnpm

lison16 on 27 Oct 2017

mac 下删除依赖重新安装，还是同样问题，但其他mac相同node，npm版本，正常。出错的还是找不出原因。

yangjiandong on 27 Oct 2017

请问现在还有存在问题的吗

lison16 on 1 Nov 2017

还存在着呢

rsphing on 3 Nov 2017

执行：
npm install
npm run dev
报出同上问题。
Ubuntu 16.04.3
nodejs -v8.7.0
npm 5.5.1

maming on 4 Nov 2017

调整 webpack.base.config.js 文件中的 42行：
原码： {
test: /iview\/.?js$/,
loader: 'babel-loader',
},
改成： {
test: /view\/.?js$/,
loader:'babel-loader',
},

zkcode on 5 Nov 2017

@zkcode 按照您这个改，问题依然存在

rsphing on 6 Nov 2017

@spqchk 抱歉人老眼花，给你另外一个答案，本人亲测可编译：

npm install ejs-loader --save-dev
webpack.dev.config.js -> 31 line -> template: '!!ejs-loader!./src/template/index.ejs',
webpack.prod.config.js 同上
npm run init

it should work now~

原因在于：如果不设定任何模板loader，HtmlWebpackPlugin会默认加载lodash loader（参考链接），但我们需要ejs-loader。

zkcode on 6 Nov 2017

👍7

@zkcode
webpack: Compiled successfully.
膝盖奉上。

maming on 7 Nov 2017

@zkcode
编译通过了，非常感谢！

rsphing on 7 Nov 2017

添加exclude: /node_modules/
{
test: /iview\/.*?js$/,
loader: 'babel-loader',
exclude: /node_modules/
}