【发布时间】：2019-03-04 19:19:51
【问题描述】：
我正在运行一个 PreactJS（与 ReactJS 相同）应用程序。我们使用 webapck 来构建应用程序。直到最近，开发人员才能够从源存储库复制 node_modules 文件夹，并且他们能够运行应用程序。
最近我们更新了所有节点模块，现在每个开发人员都必须运行npm install 命令才能运行应用程序。简单地复制 node_modules 文件夹不再起作用。
我知道这是正确的工作方式，但由于我公司方面的限制，很多时候，开发人员都难以从互联网上获取节点模块。这就是我们采用这种方法的原因。
这是 package.json 的外观：
"dependencies": {
"ion-rangeslider": "^2.2.0",
"jquery": "^3.3.1",
"preact": "^8.3.1",
"preact-router": "^2.6.1",
"preact-async-route": "^2.2.1",
"promise-polyfill": "^8.1.0",
"redux": "^4.0.0"
},
"devDependencies": {
"@babel/cli": "^7.0.0",
"@babel/core": "^7.0.1",
"@babel/plugin-proposal-class-properties": "^7.0.0",
"@babel/plugin-proposal-decorators": "^7.0.0",
"@babel/plugin-syntax-dynamic-import": "^7.0.0",
"@babel/plugin-transform-react-jsx": "^7.0.0",
"@babel/preset-env": "^7.0.0",
"@babel/register": "^7.0.0",
"@babel/runtime": "^7.0.0",
"autoprefixer": "^9.1.5",
"babel-eslint": "^9.0.0",
"babel-loader": "^8.0.2",
"compression": "^1.7.3",
"copy-webpack-plugin": "^4.5.2",
"core-js": "^2.5.7",
"cross-env": "^5.2.0",
"css-loader": "^1.0.0",
"eslint": "^5.6.0",
"file-loader": "^2.0.0",
"html-webpack-plugin": "^3.2.0",
"isomorphic-fetch": "^2.2.1",
"less": "^3.8.1",
"less-loader": "^4.1.0",
"mini-css-extract-plugin": "^0.4.2",
"mkdirp": "^0.5.1",
"ncp": "^2.0.0",
"optimize-css-assets-webpack-plugin": "^5.0.1",
"path": "^0.12.7",
"postcss-loader": "^3.0.0",
"raw-loader": "^0.5.1",
"regexp-replace-loader": "^1.0.1",
"source-map-loader": "^0.2.4",
"style-loader": "^0.23.0",
"uglifyjs-webpack-plugin": "^2.0.0",
"url-loader": "^1.1.1",
"webpack": "^4.19.0",
"webpack-bundle-analyzer": "^3.0.2",
"webpack-cli": "^3.1.0",
"webpack-dev-server": "^3.1.8"
}
}
我收到此错误：
C:\MyApp\trunk\node_modules\@xtuc\long\src\long.js:24
export default function Long(low, high, unsigned) {
^^^^^^
SyntaxError: Unexpected token export
at createScript (vm.js:80:10)
at Object.runInThisContext (vm.js:139:10)
at Module._compile (module.js:616:28)
at Object.Module._extensions..js (module.js:663:10)
at Module.load (module.js:565:32)
at tryModuleLoad (module.js:505:12)
at Function.Module._load (module.js:497:3)
at Module.require (module.js:596:17)
at require (internal/module.js:11:18)
at Object.<anonymous> (C:\MyApp\trunk\node_modules\@xtuc\long\index.js:1:80)
问题：
- 解决此问题的正确方法是什么？
- 为什么我必须运行 npm install 命令才能让我的应用程序正常工作？是否应该仅通过复制节点模块来工作？如果我的假设是错误的，在这种情况下我需要学习什么。
在 webpack.config 中，我确实有规则告诉 babel 排除 node_modules。
rules: [
{
test: /\.jsx?$/,
exclude: /node_modules/,
loader: 'babel-loader'
}]
【问题讨论】：
标签： javascript node.js webpack npm-install node-modules