Nextjs中的@Babylonjs（ES6）失败，出现意外令牌'export'
埃米尔
我正在用Nextjs构建我的网站，并且导入Bablyonjs会引发以下错误。
syntaxError: Unexpected token 'export'
module.exports = require("@babylonjs/core")
我将标准的nextjs设置与tsconfig.json一起使用，是指此Babylon文档并逐字使用示例。
- https://doc.babylonjs.com/extensions/Babylon.js+ExternalLibraries/BabylonJS_and_ReactJS
- https://doc.babylonjs.com/divingDeeper/developWithBjs/treeShaking
埃米尔
经过不那么微不足道的时间搜索之后，我终于了解了以下内容。
@babylon（es6）不会编译为javascript，而是可以很好地定义（es6）友好的打字稿源代码库。（在想摇树时有帮助）
开箱即用的nextjs未配置为在node_modules中编译任何内容。它希望可以使用预编译的javascript。
第2点是为什么我收到错误消息，nextjs期待已编译的js，并且未得到编译。
要解决此问题，您需要添加一个next.config.js，并使用next-transpile-modules和对其进行配置next-compose-plugins。
yarn add next-transpile-modules
yarn add next-compose-plugins
next.config.js
const withTM = require('next-transpile-modules')(['@babylonjs']);
const withPlugins = require('next-compose-plugins');
const nextConfig = {
target: 'serverless',
webpack: function (config) {
/// below is not required for the problem described. Just for reference.(es6)
config.module.rules.push({test: /\.yml$/, use: 'raw-loader'})
return config
}
}
module.exports = withPlugins([withTM], nextConfig);
此后它编译没有错误。
参考方便的链接，我遇到了解决此问题的方法。
- https://github.com/vercel/next.js/issues/706
- https://www.npmjs.com/package/next-transpile-modules
- https://www.npmjs.com/package/next-compose-plugins
- https://www.typescriptlang.org/tsconfig
- https://doc.babylonjs.com/divingDeeper/developWithBjs/treeShaking
- https://doc.babylonjs.com/extensions/Babylon.js+ExternalLibraries/BabylonJS_and_ReactJS
有助于某些人理解问题的链接。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
Typescript中的ʻexport type`是什么？
- 2
在BigQuery Export中获取ga：socialNetwork维
- 3
当Crond出现BASH脚本中的GNU Parallel时，“ export -f <func>”失败，并出现“找不到命令”错误
- 4
TypeScript 1.5：CommonJS'export ='的ES6模块默认导入（仅.d.ts问题？）
- 5
当我可以在es6中使用import / export时，angular的依赖项注入有什么优势
- 6
NodeJS（ES6）：SyntaxError：意外令牌{
- 7
ESLint Airbnb ES6和Redux异步操作箭头主体周围出现意外的块语句
- 8
ES6`export * from import`？
- 9
React for Export模块中的语法差异
- 10
JavaScript ES6 import/export and class extends
- 11
Django Import Export-UNIQUE约束失败
- 12
SyntaxError：JSON中位置0处出现意外令牌'
- 13
SyntaxError：JSON中位置102处出现意外令牌}
- 14
内联html中的module.export
- 15
在NodeJS中解析XML时出现意外的令牌<
- 16
SyntaxError：JSON中位置0处出现意外令牌“
- 17
.bash_profile中`export PATH =…`的含义
- 18
PHP中的Var_export问题
- 19
修复C ++中的Mangled Export名称
- 20
ESLint Airbnb ES6和Redux异步操作箭头主体周围出现意外的语句
- 21
Transpile ES2015产生`export`错误
- 22
意外的令牌导入（webpack es6）
- 23
reactjs中带有es6映射的意外令牌
- 24
用于 DropdownTreeviewModule 的 webpack ts-loader 后出现意外标记“export”
- 25
React - ES6 - 意外令牌
- 26
使用 node-export-server 生成 png 图表时出现意外令牌'
- 27
es6 export 抛出解析错误：Unexpected token
- 28
在终端上运行时，ES6 导入会出现意外的标识符语法错误
- 29
db-migrate with @babel/register 和 ES6 模块 - “SyntaxError: Unexpected token export”错误
我来说两句