模块构建失败:类型错误:模板是不使用的WebPack

问题描述:

我使用的WebPack和巴贝尔尝试建立一个应用程序环境中,当我运行npm start这个函数是错误我得到:模块构建失败:类型错误:模板是不使用的WebPack

ERROR in ./app/index.js 
Module build failed: TypeError: template is not a function 
    at exports.default (/Users/nerder/Developement/react-test/node_modules/babel-plugin-react-transform/lib/index.js:58:33) 
    at Function.memoisePluginContainer (/Users/nerder/Developement/react-test/node_modules/babel-core/lib/transformation/file/plugin-manager.js:77:23) 
    at PluginManager.add (/Users/nerder/Developement/react-test/node_modules/babel-core/lib/transformation/file/plugin-manager.js:209:30) 
    at File.buildTransformers (/Users/nerder/Developement/react-test/node_modules/babel-core/lib/transformation/file/index.js:237:21) 
    at new File (/Users/nerder/Developement/react-test/node_modules/babel-core/lib/transformation/file/index.js:139:10) 
    at Pipeline.transform (/Users/nerder/Developement/react-test/node_modules/babel-core/lib/transformation/pipeline.js:164:16) 
    at transpile (/Users/nerder/Developement/react-test/node_modules/babel-loader/index.js:12:22) 
    at Object.module.exports (/Users/nerder/Developement/react-test/node_modules/babel-loader/index.js:71:12) 
@ multi main 

我已经已经安装了巴贝尔的WebPack与所有必要的工具(我猜的),你可以在这里看到我的package.json:

{ 
    "name": "react-test", 
    "version": "1.0.0", 
    "description": "some test", 
    "main": "index.js", 
    "scripts": { 
     "start": "webpack-dev-server" 
    }, 
    "babel": { 
     "optional": [ 
      "es7.decorators", 
      "es7.objectRestSpread" 
     ], 
     "env": { 
      "start": { 
       "plugins": [ 
        "react-transform" 
       ], 
       "extra": { 
        "react-transform": { 
         "transforms": [{ 
          "transform": "react-transform-hmr", 
          "imports": ["react"], 
          "locals": ["module"] 
         }] 
        } 
       } 
      } 
     } 
    }, 
    "author": "Mister X", 
    "license": "ISC", 
    "devDependencies": { 
     "babel-loader": "^5.4.0", 
     "babel-plugin-react-transform": "^2.0.0", 
     "css-loader": "^0.23.1", 
     "html-webpack-plugin": "^1.7.0", 
     "react-transform-hmr": "^1.0.1", 
     "style-loader": "^0.13.0", 
     "webpack": "^1.12.9", 
     "webpack-dev-server": "^1.14.0" 
    }, 
    "dependencies": { 
     "react": "^0.14.5", 
     "react-dom": "^0.14.5" 
    } 
} 

这是我的ENV:

n: 2.1.0 
npm: 3.5.2 
node: v5.2.0 

您正在尝试使用巴贝尔6版本的babel-plugin-react-transform但你仍然在使用巴贝尔5:https://github.com/gaearon/babel-plugin-react-transform/issues/68

+0

谢谢!你拯救我的一天! –

在您的应用程序的某个地方,您正在调用一个名为template的函数,但实际上没有函数调用。

最有可能的是,你正在编译你的HTML渲染,如果你正在做服务器端呈现。也许你正试图从underscore编译模板?

var template; 

template({someData: 1});